アリババアイコンの使い方

Alibaba Group のデザイン リソース ライブラリとして、Alibaba icon は優れたアイコン デザイン ライブラリです。多数のアイコンリソースだけでなく、豊富な使用方法と詳細なデザインガイドラインも提供します。ここではAlibabaアイコンの使い方を詳しく紹介します。

1. 入り口

Alibaba アイコンは、Alibaba ベクター ライブラリに含まれているか、Alibaba アイコン ライブラリ Web サイトの iconfont からアクセスできます。

Alibaba ベクター ライブラリ アドレス: https://www.iconfont.cn/

Alibaba アイコン ライブラリ Web サイトのアイコンフォント アドレス: https://www.iconfont.cn/

2. 検索

Alibaba アイコンの検索機能は非常に強力で、次の方法で目的のアイコンを見つけることができます:

1. キーワード検索

キーワードを入力することで、関連するアイコンをすぐに見つけることができます。たとえば、「Ai」を検索すると、Adobe Illustrator を含む「Ai」で始まるすべてのアイコンが検索されます。

2. カテゴリ検索

Alibaba アイコンでは、ビジネス、デザイン スタイル、機能、アイコン タイプなどのさまざまなカテゴリが提供されます。カテゴリ別に検索して目的のアイコンを見つけることができます。

3. タグ検索

各アイコンには複数のタグがあり、タグから関連するアイコンをすぐに見つけることができます。たとえば、「メール」を検索して「封筒」ラベルをクリックすると、メールに関連する封筒アイコンをすばやく見つけることができます。

3. ダウンロード

必要なアイコンを見つけたら、ダウンロードできます。 Alibaba アイコンでは、コード ダウンロードと SVG ダウンロードという 2 つのダウンロード方法が提供されます。

1. ダウンロード コード

ダウンロード コードは、シンボルとフォント クラスの 2 種類に分かれています。このうち、SymbolはSVGアイコンを元にしたコード、Font Classはフォントを元にしたコードです。 code メソッドを使用するには、HTML にコードを挿入する必要があります。

2.SVGダウンロード

SVGダウンロードとは、アイコンをSVG形式でダウンロードすることです。この方法は、SVG 画像を扱う必要があるデザイナーに適しています。

Alibaba icon は、高品質なアイコンを多数提供し、デザインや研究開発業務に必要なさまざまなシーンをカバーする多彩な利用方法を提供します。この記事が Alibaba アイコンを効果的に使用するのに役立つことを願っています

以上がアリババアイコンの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。