使用阿里巴巴矢量图标库的图标

优盘人生

2019-12-15

关注关注

首先百度阿里巴巴矢量图标库hhhh

然后找到在搜索框里搜索你要用的图标的形容词，然后找到心仪图标后加入购物车

使用阿里巴巴矢量图标库的图标

加入项目之后会是这样

使用阿里巴巴矢量图标库的图标

点击那个点此生成，把生成的代码放进你的css文件里去，在下面加上

.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

最后把你的图标名字直接引入到你要放的地方即可

<span class="iconfont payer">&#xe61e;</span>

矢量图

优盘人生

0 关注 0 粉丝 0 动态

关注关注

Canvas 和 SVG 有什么区别？

canvas与svg都是可以在浏览器上创建图形，因此，在html5中感觉canvas和svg很相似，但是实际上canvas与svg有着根本的区别。下面php中文网通过比较canvas和svg之间的不同来给大家总结了关于canvas与svg的区别。一起来看一

MIKUScallion 2020-07-05

SVG：可伸缩的矢量图形

由于结构是XML格式，使得它可以插入HTML文档，成为DOM的一部分，然后用JavaScript和CSS进行操作。一个简单的SVG文件如下：。SVG代码也可以单独写在一个文件中，后缀是“.svg”，然后用在<img>、<object>

mapaler 2020-06-21

使用react-native-vector-icons矢量图标库

import AntDesign from ‘react-native-vector-icons/AntDesign‘;

Chenliaoyuan 2020-06-11

SVG

css canvas和svg又有什么区别？位图的质量是根据分辨率判定的，分辨率越大，图像画面越清晰；矢量图没有分辨率的概念。canvas类似于位图，放大后会不清晰，依赖于分辨率。可以引入jpg，png这类格式的图片，大量的大型网络游戏也是用的canvas画

hermanncain 2020-05-09

Android开发 VectorDrawable 矢量图（四）矢量图动画放入到一个xml文件中

　　在前面的博客Android 开发 VectorDrawable 矢量图（三）矢量图动画里，了解了group动画与path动画的实现。但是，可能有些人会觉得这些动画的实现的xml文件实在是太多了。此篇博客就将说明如何将所有的矢量图与动画全放到一个xml

hqulyc 2020-05-05

canvas与svg的区别

　　　　1、svg绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。canvas输出的是一整幅画布；　　　　2、svg输出的图形是矢量图形，后期可以修改参数来自由放大缩小，不会是真和锯齿。

jinxiutong 2020-02-10

SVG以及它的使用方式

计算机中有2种图形，一种是位图，一种是矢量图。传统的jpg/png/gif图都是位图。位图是一个个很小的颜色小方块组合在一起的图片。一个小方块代表1px. 矢量图是用XML格式定义,通过各种「路径」和「填充颜色」来描述渲染的的图片。矢量图的缺点和优点。如果

Elena0 2020-01-12

svg入门详解

SVG 意为可缩放矢量图形。SVG 是使用 XML 来描述二维图形和绘图程序的语言。SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失。SVG 是万维网联盟的标准。SVG 图像可被搜索、索引、脚本化或压缩；SVG 文件可通过以下标签嵌入 HTML

Dickzeng 2019-12-20

SVG 优化探索

在前端开发中或多或少都有用到 SVG，本篇文章就来总结下如何在前端项目中使用 SVG，每种使用方式的优缺点分析，以及对 SVG 的一些优化探索。SVG是一种基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。这里简要说明下位图与矢量图的区别：位图是由像

Dickzeng 2019-11-03

SVG 教程（一）

SVG 是使用 XML 来描述二维图形和绘图程序的语言。如果希望首先学习这些内容，请在本站的首页选择相应的教程。SVG 于 2003 年 1 月 14 日成为 W3C 推荐标准。如需阅读更多有关 W3C 的 SVG 活动的信息，请访问我们的 W3C 教程。

aerdake 2015-07-14

SVG详解

SVG 指可伸缩矢量图形，使用 XML 格式定义图形，在放大或改变尺寸的情况下其图形质量不会有损失，H5支持内联 SVG. 与 Flash 相比，SVG 最大的优势是与其他标准相兼容。而 Flash 则是未开源的私有技术。SVG 基于 XML，这意味着

iCodexiaoxiao 2018-01-30

今天，小程序正式支持 SVG

经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！SVG 是可缩放矢量图形，基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。SVG 的优势有很多:. 而支持上面这些优秀特性的

aerdake 2019-04-20

Ubuntu下使用Python的pygal库创建SVG矢量图形

SVG是一种矢量图格式，是Scalable Vector Graphics三个单词的首字母缩写。它是基于XML，由World Wide Web Consortium联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的W

Mofier 2019-04-22

svg系列：2. svg path实现图片路径动画

为了之后产品可能的动画需求，我们需要调研各种可行的前端动画技术。相信CSS3动画和JS动画我们平常已经接触很多了，而SVG技术则很少用，事实上SVG也是一种强大的动画解决方案，可以帮我们解决传统动画做不到的技术痛点。SVG简介SVG，可缩放矢量图形，具有放

Dickzeng 2019-07-01

svg系列：1.svg基础知识 & 不一样的svg动画世界

SVG1.1 于 2003 年 1 月 14 日成为 W3C 推荐标准。SVG本质上是用XML语言描述的，所以它可以和DOM结构一样被CSS和JS编程控制，通过连续地改变SVG图形属性就可以创建SVG动画。SVG可用文本编辑器编辑，也可通过Adobe Il

mozhi00 2019-07-01

Web页面中png jpg gif webp svg的区别和使用

24位PNG，支持160万种不同的像素颜色且支持Alpha透明效果，这就意味着，无论透明度设置为多少，PNG图片均能够与背景很好的融合在一起。JpgJPG能显示的颜色比gif和png要多的多；同时能得到很好的压缩；但是是一种失真压缩;jpg适合应用在那些允

Irelia 2019-07-01

Android4.4 及以下TextView，Button等控件使用矢量图报错

1 问题描述最近项目开发中，图标资源我尽量使用了矢量图，然而配置了基本的兼容设置，程序在低版本中运行还是出现了问题。这样在Android5.0及以上是没问题的，但是5.0以下就抛出找不到图片资源的问题。2 原因support库并没有为AppcompatTe

Jemy杰 2019-07-01

HTML5如何使用SVG

代码优化永远是程序员亘古不变的需求，而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环，既然是优化，那我们先来看看SVG图片都有哪些优势：。SVG 可被非常多的工具读取和修改SVG 与 JPEG 和 GIF 图像比起来，尺寸更

wallowyou 2019-06-30

安卓android中小图标使用优化(svg矢量图与iconfiy)

在开发安卓中会遇到各种各样的小图片,裁剪繁琐,拉伸容易失真,png图片积累到一定量的时候,使包的体积变大,svg图与iconfiy这个第三方库可以解决以上的问题,但只试用于icon,背景图片等还需要自己进行优化;iconfiy的使用思路是用自定义的text

Miryou 2019-06-30

SVG详解

SVG 指可伸缩矢量图形，使用 XML 格式定义图形，在放大或改变尺寸的情况下其图形质量不会有损失，H5支持内联 SVG. 与 Flash 相比，SVG 最大的优势是与其他标准相兼容。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的

牧灵泉的崖巢 2018-01-30

安科网

使用阿里巴巴矢量图标库的图标

优盘人生

优盘人生

相关推荐

Canvas 和 SVG 有什么区别？

SVG：可伸缩的矢量图形

使用react-native-vector-icons矢量图标库

SVG

Android开发 VectorDrawable 矢量图（四）矢量图动画放入到一个xml文件中

canvas与svg的区别

SVG以及它的使用方式

svg入门详解

SVG 优化探索

SVG 教程（一）

SVG详解

今天，小程序正式支持 SVG

Ubuntu下使用Python的pygal库创建SVG矢量图形

svg系列：2. svg path实现图片路径动画

svg系列：1.svg基础知识 & 不一样的svg动画世界

Web页面中png jpg gif webp svg的区别和使用

Android4.4 及以下TextView，Button等控件使用矢量图报错

HTML5如何使用SVG

安卓android中小图标使用优化(svg矢量图与iconfiy)

SVG详解

优盘人生