In the project, there will always be such a problem as ICONS. Aliyun ICONS are rich and good-looking, and 90% of them can meet your icon needs (but also free!!). , here is a brief description of how to introduce ali Cloud icon in the project.

Ali cloud icon official website link

  1. Find the icon you want and add it to the gallery.

2. Add to your project

  1. Copy the code

4. In your project find the index.html import under public

    <link rel="stylesheet" href="https:+url">
Copy the code

Pay attention to,Copy from Ali cloud is no protocol, to write HTTPS.If you do not add HTTPS, let the browser determine whether it is HTTP or HTTPS each time That’s a waste of performance.

  1. Copy the code in the aliyun icon and write it in your project
<i class="iconfont icon-daohang"></i>
Copy the code

  1. The page display

  1. Go back to step 5 and rename the icon as well

Public under index.htm L introduced updated Ali Cloud icon link, code synchronization changes

  1. If you do not want black and white icon, want to color icon, Ali cloud icon introduction has also been introduced.

This is the introduction and use of his website

The operation of replacing the color icon is shown as follows:

The UI designer will provide ICONS on a typical project, but there will always be surprises. If it is a color icon, I personally think the image format is better. In your development, if you need to find your own picture, is it also the Ali cloud icon? Or is there a better way?

Ha ha, today is another beautiful happy day.