阿里矢量图标库的使用

阿里矢量图标库的使用1、注册登录账号网站地址:https://www.iconfont.cn/该网站可通过GitHub或新浪账号进行登录下面是网站的首页2、查找图标在中间输入框输入想要查找的图标,。以‘home

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

1、注册登录账号

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

该网站可通过GitHub或新浪账号进行登录

下面是网站的首页

阿里矢量图标库的使用

2、查找图标

在中间输入框输入想要查找的图标,。以‘home’为例,点击搜索,即可得到以下页面。

阿里矢量图标库的使用

3,将图表添加至项目。

选中自己需要的图标,将其添加入库,这时再点击页面右上角的购物车图标

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

弹出以下页面,点击添加至项目,如果是新建项目,点击右边的加号图标,然后点击确定

 

 

 

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

4,在项目中使用图标

添加至项目后会跳转至以下页面,左边显示项目的名称,右上角可以添加项目成员,共享这些图标。要使用这些图标的话就需要下载至本地了。

阿里矢量图标库的使用

点击下载至本地,会得到一个压缩文件,解压文件,得到以下内容

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

阿里矢量图标库的使用

将上图5个文件放入项目的目录下,并在main.js文件中引入css文件。

用浏览器打开fontclass.html文件,将图标的类名添加至 i 标签即可,如下所示。

阿里矢量图标库的使用

<class=”iconfont icon-home”></i>

 

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 网站在线客服系统源码|在线客服代码下载 (2021最新版)「建议收藏」

    网站在线客服系统源码|在线客服代码下载 (2021最新版)「建议收藏」GOFLY,一套可私有化部署的免费开源客服系统,基于Golang开发,编译后的二进制文件可直接使用无需搭开发环境,下载zip解压即可,仅依赖MySQL数据库,是一个开箱即用的网页在线客服系统,致力于帮助广大开发者/中小站长快速整合私有客服功能网站只需嵌入一段js或跳转直连地址即可快速接入客服,访客端支持电脑、手机页面自适应,这个项目截止到现在已经更新了一年多时间,github提交了720多次修…

    2022年7月19日
    21
  • DeepFake技术–Deepfakes教程及各个换脸软件下载

    DeepFake技术–Deepfakes教程及各个换脸软件下载Deepfakes目前用于深度换脸的程序基本都是用python编程语言基于tensorflow进行计算。以下列出几款常用的换脸程序优缺点浅析,用户可以根据自己的爱好和水平来选择,以下软件均需要先安装windows版本的VS2015,CUDA9.0和CuDNN7.0.5(fakeapp教程,deepfakes视频deepfakes中文站(deepfakes.com.cn))下面几个程序的对比…

    2022年5月9日
    473
  • PHP小程序开发_微信小程序后端语言

    PHP小程序开发_微信小程序后端语言想要快速地开发一个小程序,很多环节都需要注意,微信小程序php后端的开发估计很多人都还很陌生,但是这也是至关重要的,一起来看看开发实例详解吧。1.小程序相对于之前的WEB+PHP建站来说,个人理解为只是将web放到了微信端,用小程序固定的格式前前端进行布局、事件触发和数据的输送和读取,服务器端可以用任何后端语言写,但是所有的数据都要以JSON的形式返回给小程序。2.昨天写了登录注册、忘记密码功能,…

    2025年12月14日
    2
  • linux 安装 mysql简单教程

    linux 安装 mysql简单教程首先明确大体步骤为3步1.下载数据库的压缩包或二进制包,可以在linux用wget或yum下载,也可以外网下载再传到linux2.配置数据库的环境和路径3.登陆数据库修改一.我这里是用wgethttps://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.22-linux-glibc2.12-x86_64.tar.gz下…

    2022年6月6日
    48
  • 如何关闭vscode git工具[通俗易懂]

    如何关闭VScode工具的git提示只需要关闭用户设置里的Git:Enabled即可;第一步,我们只需要打开”文件->首选项->设置”第二步,在搜索栏中搜索git:Enabled,关闭即可;…

    2022年4月10日
    1.4K
  • 基于python的快速傅里叶变换FFT(二)

    基于python的快速傅里叶变换FFT(二)

    2021年11月21日
    45

发表回复

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

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