HTML CSS字體圖標庫的引用及使用 SVG文件

1.進入圖標庫

阿里媽媽矢量圖標庫

2.搜索並下載想要的圖標的SVG文件

在這裏插入圖片描述

3.創建一個新項目,點擊上傳圖標至項目

在這裏插入圖片描述

4.拖入剛剛下載的圖標對應的SVG文件

在這裏插入圖片描述

5.選擇一種方式導入 我這裏用的是Font Class 將其導入css至項目

在這裏插入圖片描述

<link rel="stylesheet" href="//at.alicdn.com/t/font_1681974_5do3a0itbp.css"/>

6.給對應標籤的class屬性賦上對應的值即可

在這裏插入圖片描述

<i class="iconfont iconqueding"></i>

在這裏插入圖片描述

僅在學習過程中記錄所學內容,如有何處不足還請大佬們指出,歡迎同行一起交流。聯繫我微信chenhan-wu,記得備註csdn

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章