How to use Alibaba icon

As a design resource library under Alibaba Group, Alibaba icon is an excellent icon design library. It not only provides a large number of icon resources, but also rich usage methods and detailed design guidelines. The following will introduce the use of Alibaba icon in detail.

1. Entrance

The Alibaba icon can be found in the Alibaba vector library, or can be accessed through the Alibaba icon library website iconfont.

Alibaba vector library address: https://www.iconfont.cn/

Alibaba icon library website iconfont address: https://www.iconfont.cn/

2. Search

The search function of Alibaba icon is very powerful. You can find the required icon in the following ways:

1. Keyword search

By entering keywords You can quickly find related icons. For example, if you search for "Ai", you can find all icons starting with "Ai" including Adobe Illustrator.

2. Category search

Alibaba icon provides a variety of categories, including business, design style, function, icon type, etc. You can search by category to locate the desired icon.

3. Tag search

Each icon has multiple tags, and you can quickly find related icons through the tags. For example, you can search for "Mail" and then click the "Envelope" label to quickly find the envelope icon related to the mail.

3. Download

After finding the icon you need, you can download it. Alibaba icon provides two download methods: code download and SVG download.

1. Download code

The download code is divided into two types: Symbol and Font Class. Among them, Symbol is the code based on the SVG icon, and Font Class is the code based on the font. Using the code method requires inserting the code into the html.

2.SVG download

SVG download is to download the icon in SVG format. This method is suitable for designers who need to work with SVG images.

Alibaba icon provides a large number of high-quality icons and provides a variety of usage methods, covering various scenarios required for design and R&D work. I hope this article can help you use Alibaba icon effectively

The above is the detailed content of How to use Alibaba icon. For more information, please follow other related articles on the PHP Chinese website!