Vue プロジェクトは Alibaba ベクターアイコンライブラリを使用します。詳細なチュートリアル (シンボルモードでローカルにダウンロード)

2. 検索ボックスで使用したいアイコンを検索し、好きなアイコンを選択して「カートに追加」をクリックします。複数選択することもできます。

3. 選択が完了したら、右上隅のショッピングカートをクリックし、ページが表示されたら [アイテムに追加] をクリックし、アイテムを選択した後 [OK] をクリックします。

4. シンボルを選択し、「ローカルにダウンロード」をクリックします。

5. ダウンロードしたフォルダーを解凍し、プロジェクトフォルダー内に新しい「iconfont」フォルダーを作成し（名前は自分で選択できます）、すべての圧縮ファイルをiconfontフォルダーにコピーします

6. プロジェクトの main.js ファイルに iconfont を導入します。注: インポートパスは独自のプロジェクトに依存します。

/** iconfont
 * Symbol 引用
 */
import './assets/iconfont/iconfont'

7. プロジェクト内の使用する必要がある場所に適用するか、ダウンロードしたアイコン名に従ってインポートするか、iconfont.svg 内のアイコン名を変更するだけです。

   <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-gaosugonglu" />
                </svg>

Vue プロジェクトは Alibaba ベクター アイコン ライブラリを使用します。詳細なチュートリアル (シンボル モードでローカルにダウンロード)