直接使用阿里图标SVG图片

简介: 直接使用阿里图标SVG图片

打开阿里图标库

https://www.iconfont.cn/search/index?searchType=icon&q=%E7%94%B7

 

鼠标移动到需要使用的图标上


在项目中需要的地方粘贴即可使用!

修改默认的icon样式名为myIcon

添加样式改变为所需的大小和位置

.myIcon {
 
    height: 25px;
 
    width: 25px;
 
    margin-bottom: -5px;
 
}


目录
相关文章
|
11月前
|
前端开发
如何用css显示一个图片中多个小图标
如何用css显示一个图片中多个小图标
|
1月前
|
Web App开发 前端开发 Android开发
svg图标无法修改颜色的解决方案
svg图标无法修改颜色的解决方案
|
4月前
img图片/svg图标与文字无法对齐
img图片/svg图标与文字无法对齐
54 0
|
5月前
|
JavaScript 容器
富文本的图片添加点击放大功能
思路:富文本加载后,dom出全部img元素,然后各自单独添加点击事件
229 3
|
图形学
PPT制作三大技巧:图标 、图片背景透明和自动函数
PPT制作三大技巧:图标 、图片背景透明和自动函数
285 0
PPT制作三大技巧:图标 、图片背景透明和自动函数
图片放大配置
图片放大配置
84 0
|
前端开发 容器
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
355 0
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
|
Web App开发 前端开发 JavaScript
用SVG 制作 Sprites的图标系统(一)
我一直是图标字体的大力支持者。很多网站真的需要一个图标系统,图标字体提供了一个该死的精细系统。但是,我认为假设你对 IE 9+ 很好,使用内联 SVG 并且 <use> 引用图标的元素是一个优秀的系统。
245 0
用SVG 制作 Sprites的图标系统(一)
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
172 0
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)