アリアイコンライブラリカラーアイコン使用


アリアイコンライブラリのフォントアイコンは爽やかに使われていますが、一般的な単色アイコンの使い方でカラーアイコンを使うと、カラーアイコンが単色になります.ここでは、カラーアイコン(svg)の使い方を紹介します.
1.アイコンコードのダウンロード
2.ページにiconfontを導入する.js
3.アイコンコードの書き込み:

注意:#linux:linuxはfont classです.ここでは#にclass名を付けます.
4.svgアイコン汎用スタイルを書き込む
.alSvgIcon {
    width: 1em; 
    height: 1em;
    fill: currentColor;
    overflow: hidden;
}

5.アイコンサイズ調整cssを書き込む
.menuIcon{
    font-size: 16px;
}

終わります.