阿里巴巴矢量图库里面的图标可以作为商业用途么

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了阿里巴巴矢量图库里面的图标可以作为商业用途么相关的知识,希望对你有一定的参考价值。

做一些项目开发,不知道阿里旺旺矢量图库里面的图标能否作为商业用途啊

参考技术A 可以的,他又没注册。本回答被提问者和网友采纳 参考技术B

网站的左下角有声明,可能需要慎重。

如何将阿里巴巴矢量图引入vue

网址:

vue使用小技巧之如何使用阿里巴巴矢量图标库

技术图片

助力数字生态,云产品优惠大促

腾讯云促销,1核1G 99元/1年,2核4G 1200元/3年

阿里巴巴矢量图标库介绍:设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

目前拥有icon即将突破500万。

网址:https://www.iconfont.cn

本篇文章将会为小伙伴们详细图解——在vue中如何使用阿里巴巴矢量图标!


1、打开阿里巴巴矢量图标库网址

技术图片

2、注册并登陆(略)


3、点击图标管理—》我的项目,然后创建项目。

技术图片

4、添加新建项目的信息

技术图片

5、任意搜索一个图标,例如“elementui”

技术图片

6、在搜索结果中,请将鼠标移入到你心仪的图标,然后点击购物车(不愧是阿里,做什么都有种电商的味道)将你的图标入库!

技术图片

7、入库后,网页右上角的购物车图标会有红色警示,点它!

技术图片

8、然后点击“添加至项目”。选择好加入的项目后,点击确定。

技术图片

9、将你的图标下载至本地。

技术图片

10、下载并解压缩的文件如下图:

技术图片

11、在文件复制到项目中(删除demo开头的文件),我的地址是:src/assets/iconfont

技术图片

12、在main.js中引入阿里巴巴矢量图标库

import "@/assets/iconfont/iconfont.css"; 

13、样式在iconfont.css中

.iconfont   font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;.iconelementui:before   content: "\e604";

14、使用:

<template>    <div id="app">        <i class="iconfont iconelementui"></i>    </div></template>
<style scoped>    .iconelementui         color: red;        font-size: 200px;        #app         text-align: center;    </style>

15、预览结果:

技术图片

以上是关于阿里巴巴矢量图库里面的图标可以作为商业用途么的主要内容,如果未能解决你的问题,请参考以下文章

阿里巴巴矢量图标库免费吗?有没有版权问题?可以商用吗?

阿里巴巴图标库和FontAwesome图标是有版权的吗??

iconfont 阿里巴巴矢量图 怎么用

杂记阿里巴巴矢量图标库批量下载图标方法

阿里矢量图怎么用(转)

项目内部使用阿里图标