阿里矢量图库 iconfont 引入项目使用方法

阿里矢量图库 iconfont 引入项目使用方法1 打开阿里巴巴矢量图标库官网 https www iconfont cn login 注册或登录 2 搜索自己想要的所有图标 添加入库 3 新建项目 添加所有图标至项目中 3 1 打开自己的购物车 3 2 新建项目不要直接下载代码 或缺少所需文件 4 创建完成自动跳转至项目页面 下载至本地即可 解压后将所有文件放入项目的同一文件夹中 解压之后的文件放入项目同一文件目录下 5 项目中引入即可 引入 css 样式

1.打开阿里巴巴矢量图标库官网https://www.iconfont.cn/login? 注册或登录

在这里插入图片描述

2.搜索自己想要的所有图标,添加入库;

在这里插入图片描述

3.新建项目,添加所有图标至项目中;

3.1.打开自己的购物车

在这里插入图片描述

3.2.新建项目

在这里插入图片描述
不要直接下载代码,或缺少所需文件
在这里插入图片描述
在这里插入图片描述






4.创建完成自动跳转至项目页面,下载至本地即可,解压后将所有文件放入项目的同一文件夹中;

在这里插入图片描述
解压之后的文件 放入项目同一文件目录下
在这里插入图片描述
在这里插入图片描述






5.项目中引入即可

#引入css样式 <link rel="stylesheet" type="text/css" href="../font/iconfont.css"> #使用图标代码 <i class=" iconfont icon-guanliyuan"></i> 

6.图标名字的修改和获取

在这里插入图片描述
在这里插入图片描述

Symbol 中编辑名称 复制代码即可

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/219967.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午9:29
下一篇 2026年3月17日 下午9:29


相关推荐

  • 《大语言模型综述》精读笔记:从入门到实践,手把手教你玩转大模型!

    《大语言模型综述》精读笔记:从入门到实践,手把手教你玩转大模型!

    2026年3月16日
    1
  • 代理服务器与反向代理服务器的区别「建议收藏」

    代理服务器与反向代理服务器的区别「建议收藏」代理服务器与反向代理服务器

    2022年5月6日
    44
  • BN层详解_罗盘第一层详解

    BN层详解_罗盘第一层详解批量归一化(BN:BatchNormalization:解决在训练过程中,中间层数据分布发生改变的问题,以防止梯度消失或爆炸、加快训练速度)1、为什么输入数据需要归一化(NormalizedData)?归一化后有什么好处呢?原因在于神经网络学习过程本质就是为了学习数据分布,一旦训练数据与测试数据的分布不同,那么网络的泛化能力也大大降低;另外一方面,一旦每批训练数据的分布各不相同(batch梯度下降),那么网络就要在每次迭代都去学习适应不同的分布,这样将会大大降低网络的训练速度,…

    2022年10月15日
    5
  • jvm的垃圾回收机制是什么_垃圾回收过程图片

    jvm的垃圾回收机制是什么_垃圾回收过程图片如果大家对java架构相关感兴趣,可以关注下面公众号,会持续更新java基础面试题,netty,springboot,springcloud等系列文章,一系列干货随时送达,超神之路从此展开,BTAJ不再是梦想!垃圾回收的过程分为两步:1.判断对象是否死亡(1)引用计数器法:①每当有一个对象引用是,计数器加一,当计数器为0是对象死亡②缺点:无法解决循环引用的问题,假设A引用B,B引用A,那么这两个对象将不会被回收,造成内存泄漏(2)可达性算法分析①通过一系列可作为GCRoot

    2025年9月5日
    6
  • 网站推荐:11个相似图片搜索网站(以图找图)

    网站推荐:11个相似图片搜索网站(以图找图)你想凭着一张现有图片找出它的原始图片,或者是凭着一张小的缩略图找出原始大图吗?下面的十款搜索引擎可以帮你实现,以图找图,以图搜图,以图片搜索相似的图片。一:http://tineye.com/Tineye是典型的以图找图搜索引擎,输入本地硬盘上的图片或者输入图片网址,即可自动帮你搜索相似图片,搜索准确度相对来说还比较令人满意。TinEye是加拿大Idée公司研发…

    2022年7月17日
    26
  • Django(53)二次封装Response

    Django(53)二次封装Response前言有时候我们使用drf的Response,会发现默认返回的格式不太友好,每次我们都需要写入以下的格式returnResponse({"status":0,"

    2022年8月7日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号