Ali vector library Icon tutorial (online, download)

Method 1 ： Use online links

1. Sign in / Registered account

2. Select the desired icon , Mouse hover , Click on the shopping cart
   

3. Click the shopping cart icon on the navigation bar , Check out the shopping cart

4. Add the icon in the shopping cart to the item , If there is no project , Create a new project
   

   5. See your own icon in the project library , choice font class The way , And click the “ View online connections ”, Then click generate code
      

5. Click Copy code , You'll get //at.alicdn.com/t/font_2933398_9eu14vuyrsu.css, stay html Medium plus https: Use
   

6. stay html Use in link The way

7. Hover the mouse over the icon , Copy code , Get the class name of the icon icon-bumengaikuang Add the class name to the label iconfont Use . It's usually used i label 、span Labels will do .

<link rel="stylesheet" href="https://at.alicdn.com/t/font_2933398_6teph59hevw.css">

<i class="iconfont icon-bumengaikuang"></i>

9. To change the style , It's in css It's right Icon class name icon-bumengaikuang Just modify it .
10. When the number of icons in the project increases , Use the latest generated link .

Method 2 ： Download Icon

1. The icon floating in your eyes , Choose third. , download .

2. Choose the right color , The right size . The unit of size is px, Same as font setting .

4. Choose the appropriate format to download .
   1. Select replication svg Code , Paste directly to html Just the target location .
   2. When selecting the icon format , Introduce... In the way of introducing pictures html that will do .