矢量图标库Font Awesome的SVG新版本图标库5.x

最新推荐文章于 2024-06-11 09:47:46 发布
最新推荐文章于 2024-06-11 09:47:46 发布
阅读量5k 收藏 4
点赞数 2
文章标签： icon vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ccor2002/article/details/89515492
版权

Bootstrap已经到4.3.x,随之常用的图标组件Font Awesome也发布5.8版本。
其4.7是4.x系列最后一个版本，从5.x开始，开始从font转向SVG的绘制矢量图标。
这几乎是未来的方向，SVG开始越来越多的应用了。

Font Awesome v4.7旧版
Font Awesome v4.7旧版

比较大的变化是有了收费的pro版本和免费的free版本。
有四组图标集，Solid和Brands是免费的，Regular和Light是收费的。

Font Awesome 5.x
Font Awesome 5.x


关键我看了下pro版授权的解释，真得很难界定creators和你的clients，一不小心就需要购买一个seat。

免费的和以前一样强大，而且依然可以选择如旧版那样使用字体库的方式引用。

<link rel="stylesheet" href="h
最低0.47元/天 解锁文章
ccor2002
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3中使用各类字体图标的正确姿势：本地SVG、Iconfont、FontAwesome、ElementPlus（Icon篇）
weixin_48453209的博客
06-07 3371
最近，在项目的开发中，我们规划了一个Icon组件，我们希望通过这个组件，能直接同时使用多种图标库的图标（一种语法,实现无限的图标扩展和高度兼容性）并且...
Vue3 - Font Awesome字体图标的使用
我不会敲代码
02-09 1099
vue3中引用Font Awesome
13个免费下载 SVG 图标网站
qq_27009517的博客
10-12 1469
13个免费下载SVG图标网站 在前端开发过程中，经常会用到各种图标。在各种图标格式中，因为 SVG 既能满足现有图片的功能的前提下，又是矢量图，在可访问性上面也非常不错，并且有利于 SEO 和无障碍，在性能和维护性方面也比 iconfont 要出色许多，是目前使用最广的类型，今天就给大家介绍一些可以免费 SVG 图标的网站。 1、Ikonate Ikonate 提供200多个完全可定制的矢量图标。可以随意设置图标的边框、大小、风格、颜色等属性。在无障碍浏览和性能方面该库也做了充足的优化。 网站名
推荐开源项目：Fontawesome-Markers——将Font Awesome图标转化为SVG路径
最新发布
gitblog_00056的博客
06-11 266
推荐开源项目：Fontawesome-Markers——将Font Awesome图标转化为SVG路径 项目地址:https://gitcode.com/nathan-muir/fontawesome-markers 项目介绍 Fontawesome-Markers 是一个独特的开源项目，它巧妙地将Font Awesome的图标配成命名的SVG路径，并以JavaScript的形式提供。这个项目使得...
Vue.js - Font Awesome字体图标的使用详解（vue-fontawesome库）
吐故纳新
09-22 7949
npm i --save@fortawesome/fontawesome-svg-core npm i --save@fortawesome/vue-fontawesome
vue使用最新版font-awesome字体图标库（内附花式玩法）
monkey-jie的博客
08-15 8127
安装 安装基础依赖： 进入 Vue 项目文件夹，执行如下命令安装基础依赖库。 npm i --save @fortawesome/fontawesome-svg-core npm i --save @fortawesome/vue-fontawesome 安装样式依赖 Font Awosome 为我们提供了 Solid、Regular、Brands 这三种免费样式（日常使用完全足够） npm i...
图标库使用一（vue-fontawesome）
prayer的博客
12-28 1451
图标库vue-fontawesome的使用方法
Font Awesome网页字体图标库 5.10.2
11-05
Font Awesome 是一个广泛使用的网页图标库，其5.10.2版本提供了丰富的矢量图标资源，对于前端开发者来说是一个非常实用的工具。这个库的特点在于它的图标是基于Web字体的，这意味着它们不是图片，而是可以像文字一样...
FontAwesome4.5.0图标字体元件库
12-14
FontAwesome 4.5.0是深受开发者喜爱的一款图标字体库，它包含了大量的矢量图形，可用于网站设计、前端开发等多个领域。这个版本提供了超过500个可复制的图标文字，使得开发者能够轻松地在网页上添加各种各样的图标，...
font awesome 3.2.1 图标资源及离线文档
10-18
Font Awesome 是一个广泛使用的图标库，它将矢量图形与Web字体技术相结合，使得开发者可以在网页设计中方便地使用各种图标。在3.2.1版本中，它提供了丰富的图标集合，涵盖了社交网络、导航、文件类型等多种类别，极...
fontawesome5.15.4 .rar
11-27
Fontawesome 是一个广泛使用的图标库，它为网页设计师和开发者提供了大量的矢量图标，使得在网页设计中添加图标变得极其方便。版本5.15.4是Fontawesome的一个更新版本，它包含了大量的新功能、改进和修复，以满足...
FontAwesome v5.7.2字体图标元件库(Free版).zip
07-22
2. **FontAwesome库**: 由Dave Gandy创建，旨在提供一套统一的、可缩放的矢量图标，支持多种Web字体格式，如SVG、EOT、TTF、WOFF和WOFF2。这些图标可以通过CSS类名轻松插入到HTML中。 **二、版本5.7.2的亮点** 1. ...
【UI组件库】icon组件和transition组件
CaraYQ的博客
02-04 1019
目录解决图标Icon的问题将我们组件的主题颜色添加进fort awesome 解决图标Icon的问题 前面我们封装的组件都没图标，这一节我们要解决图标问题。 iconfont有很多奇怪的bug，比如，如果没加载好会有出现方框 svg完全可控，即取即用 本文介绍fort awesome，他底层基于SVG实现的图标库 安装fort awesome： npm i --save @fortawesome/fortawesome-svg-core// 安装fortawesome核心库 npm i --save @
Font Awesome 5使用
马优晨
07-25 686
Font Awesome 5 的专业版有7842个图标。要使用免费的Font Awesome 5 图标，您可以选择下载Font Awesome库，或者在Font Awesome注册一个帐户，并获得一个代码（称为KIT CODE），以便在将Font Awesome添加到网页时使用。
推荐使用：Font-Awesome-SVG-PNG - 灵活强大的图标库解决方案
gitblog_00042的博客
05-11 382
推荐使用：Font-Awesome-SVG-PNG - 灵活强大的图标库解决方案 项目地址:https://gitcode.com/Rush/Font-Awesome-SVG-PNG 项目介绍 Font-Awesome-SVG-PNG 是一个非常实用的开源项目，它为 Font Awesome 提供了一个全新的构建方式——将图标拆分为单独的 SVG 和 PNG 文件，并且支持不同尺寸和颜色的自定义生...
Font Awesome5.x 页面引入的几种方式和应用,及与4.x的变化
smile radiantly
02-19 7305
在做网页开发中,前端页面显示时经常会用到字体库图标,如 iconfont, fontawesome, glyphicons, lonicons等.下面是各字体图标的网站: iconfont fontawesome5.11 或 fontawesome5.12 和 fontawesome4.7 或 fontawesome4.7 glyphicons lonicons 这篇文章主要介绍fontawe...
Vue3中使用各类字体图标的正确姿势：本地SVG、Iconfont、FontAwesome、ElementPlus（图标选择器篇）
weixin_48453209的博客
06-09 2203
最近，在项目的开发中，我们规划了一个Icon组件，希望通过这个组件，能直接同时使用多种图标库的图标（一种语法,实现无限的图标扩展和高度兼容性）并且...
Vue项目中使用fontawesome图标库
qq_56907208的博客
03-19 2378
本文将详细讲述Vue项目中使用fontawesome图标库，包括fontawesome包的下载，导入，图标的查询，使用方法，样式改写等等，这是本人结合官网文档所写，诚意满满。
fontawesome图标库
07-28
Font Awesome 是一个非常流行的图标库，它提供了一套丰富多样的图标供开发者使用。这些图标可以通过简单的 HTML 代码进行引用，使得网站和应用程序的界面更加美观和易于识别。 要使用 Font Awesome 图标库，首先...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值