https://www.iconfont.cn/阿里字体图标库网址
选择首页顶部导航栏里面的 资源管理 —》 我的项目
如果还未创建项目，请先创建项目，并添加想要的图标
一.通过symbol引入svg图片（vue项目或者原生框架）
第一步：拷贝项目下面生成的symbol代码：
//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js 第二步：加入通用css代码（引入一次就行）：
<style type="text/css"> .icon {
width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } </style> 第三步：挑选相应图标并获取类名，应用于页面：
<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-xxx"></use> </svg> 二.通过symbol引入svg图片（react框架)
第一步
import {
createFromIconfontCN } from '@ant-design/icons'; 第二步，尽量添上https将地址补全
const IconFont = createFromIconfontCN({
scriptUrl: 'https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', }); 第三步，icon的样式可以自己视情况进行修改，type对应的值就是字体图标库里面每个图标下面对应的字符串名字
<IconFont className="icon" type="iconFrame19"></IconFont> 三.通过symbol引入svg图片（react框架+ umi）
export default defineConfig({
runtimePublicPath: false, publicPath: baseURL, history: {
type: 'hash', }, scripts: [ 'https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', ]...}) <svg className="icon" aria-hidden="true"> <use xlinkHref="#icon-xxx"></use> </svg> tips：本人亲测失败，失败的同学用方法二，如果方法三有成功的同学能留言说下吗？嘻嘻
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/227232.html原文链接：https://javaforall.net
