> 文章说明:本篇文章借鉴阿里云图标使用帮助内容,原创内容请至:[**直通车**](https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code) 本篇教程教大家使用阿里云图标加入到菜单栏中: ## 步骤一 首先进入:**[阿里云矢量图标库官网](https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.db775f1f3&manage_type=myprojects&projectId=1831210)** [![](https://www.wi9.cc/wp-content/uploads/2021/05/1619941700-abc1515-1024x293.jpg)](https://www.wi9.cc/wp-content/uploads/2021/05/1619941700-abc1515.jpg) 将上述内容复制到微九主题后台(系统设置-是否开启阿里云图标库【开启】-阿里云图标库地址): [![](https://www.wi9.cc/wp-content/uploads/2021/05/1619941962-abc1515-1024x471.png)](https://www.wi9.cc/wp-content/uploads/2021/05/1619941962-abc1515.png) 设置完成后 ## 步骤二 [![](https://www.wi9.cc/wp-content/uploads/2021/05/1619942597-abc1515-1024x404.png)](https://www.wi9.cc/wp-content/uploads/2021/05/1619942597-abc1515.png) 进入后台的:外观->菜单,在导航标签中导航栏名称前加入以下代码 PS:图标名称 可以在阿里云图标库中自行加入图标(每加入一个图标链接就会发生变化,需要自行重新更新链接) [![](https://www.wi9.cc/wp-content/uploads/2021/05/1619943078-abc1515-1024x452.png)](https://www.wi9.cc/wp-content/uploads/2021/05/1619943078-abc1515.png) 如果需要图标旋转,则将上面的代码变成: ## 效果图 [![](https://www.wi9.cc/wp-content/uploads/2021/05/1619942945-abc1515-1024x62.png)](https://www.wi9.cc/wp-content/uploads/2021/05/1619942945-abc1515.png)