fontawesome图标选择插件（fontawesome-icon-pulings）

已于 2022-03-27 12:23:36 修改
阅读量863 收藏 1
点赞数
分类专栏： 资源 文章标签： vue.js html5 javascript
于 2022-03-27 12:18:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45830796/article/details/123771007
版权

fontawesome-icon-pulings

图标选择插件

介绍

fontawesome图标选择插件，使用fontawesome官方图标库，共有2011个图标，可直接放入网站只需要引入js和css文件,第一个版本功能基本完善，以后的版本会继续优化。

使用说明

html调用

<!-- html引入以下内容  -->
<div class="fate-iconcheck-content" data-search="false" data-page="true">
	<input type="text" name="icon" class="hide"/>
</div>
<!-- 
data-search:搜索框开启
data-page:开启分页模式

true:开启
false:关闭

图标数据在json文件夹IconData.json中,默认使用的是本地数据，如果想使用在线链接，可在fate-icon-pulings.js中找到json/IconData.json进行更换
 -->

预览图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

下载地址：

fontawesome-icon-pulings 图标选择插件

山茶花水
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
大文件进行分片处理，上传到百度云对象存储BOS，带进度条
12-20
用户打开页面后，直接在浏览器端选择大文件，切片上传至百度云对象存储BOS，不需要走服务器。
fontawesome图标选择插件
03-27
fontawesome图标选择插件，使用fontawesome官方图标库，共有2011个图标，可直接放入网站只需要引入js和css文件,第一个版本功能基本完善，以后的版本会继续优化。
Typecho付费阅读自媒体插件源码
09-09
一个可以让Typecho站长使用付费阅读功能的插件，支持免登录付费，并且包含前台用户中心、积分商城功能，适合各个自媒体用户使用的WeMediaForTypecho自媒体付费阅读插件。
typecho-theme-waxy:Waxy 简洁自适应博客主题，轻量高效，悦于书写！演示地址：https
05-04
Waxy 简约自适应博客主题 | | | Waxy，白蜡。白为色之祖，简而百搭；蜡，轻而易雕琢； Waxy（白蜡），代表着本主题的特点------轻量高效，悦于书写！ 小巧，却拥有完善且丰富的功能。 即可开箱即用，也可以加以雕琢。简约的设计，无限的可能！ 呐，朋友。 尺牍已展，静候佳作！ 本主题参考seventeen主题，由其修改更新而来，感谢原作者的辛苦付出！ 安装主题 主题下载地址： & MD5: C514E80FE10F5F9DAE286A98E58EB61A SHA1: D7B316AAACE090D4CD8B4AB7837DC0D7366C5421 把主题上传到 Typecho 安装路径下的 usr/themes/ 目录，然后解压，你也可以先解压在上传。 解压完成后，请将主题目录重命名为Waxy，并保证所有主题文件在此目录下。 登录 Typecho 的管理后台，进入 控
大道至简——Hexo简洁主题推荐
u011904605的博客
12-21 4047
https://www.haomwei.com/technology/maupassant-hexo.html https://www.haomwei.com/technology/maupassant-hexo.html https://www.haomwei.com/technology/maupassant-hexo.html https://www.haomwei.com
微信小程序引入使用fontawesome6懒人包下载即用
08-08
微信小程序引入使用fontawesome 写好的包是6.4.2版本，超过了的新图标用不了哦，记得筛选一下版本。 下载来记得在微信小程序的全局样式app.wxss导入根目录下的fontawesome.wxss 然后就可以美美从fontawsome官网找喜欢的图标测试一些噜~ 免费图标可能换个样式头顶多了pro标识那就不能用咯，用了小程序里也是个空框框~ 有的奇奇怪怪的图标是免费但是好像用了也是没有效果（应该是最开始转换和引入css的问题），不过绝大部分都可以用上了。欢迎大佬们评论区补充。
Vue.js - Font Awesome字体图标的使用详解（vue-fontawesome库）
吐故纳新
09-22 7525
npm i --save@fortawesome/fontawesome-svg-core npm i --save@fortawesome/vue-fontawesome
Vue项目中使用fontawesome图标库
qq_56907208的博客
03-19 2185
本文将详细讲述Vue项目中使用fontawesome图标库，包括fontawesome包的下载，导入，图标的查询，使用方法，样式改写等等，这是本人结合官网文档所写，诚意满满。
图标库使用一（vue-fontawesome）
prayer的博客
12-28 1398
图标库vue-fontawesome的使用方法
vue使用最新版font-awesome字体图标库（内附花式玩法）
monkey-jie的博客
08-15 8025
安装 安装基础依赖： 进入 Vue 项目文件夹，执行如下命令安装基础依赖库。 npm i --save @fortawesome/fontawesome-svg-core npm i --save @fortawesome/vue-fontawesome 安装样式依赖 Font Awosome 为我们提供了 Solid、Regular、Brands 这三种免费样式（日常使用完全足够） npm i...
fontawesome-selector.js:Font Awesome 图标选择器选择器
06-05
fontawesome-selector.js Font Awesome Selector 是一个非常轻量级的 jQuery 插件，用于选择/选择/挑选 Font Awesome 图标。 用法 [removed][removed] [removed] $('i').faSelector(); var someIconHolder = $('<div>').appendTo('body'); $('input').faSelector({ stylesheet: 'fa.css', targets: [this, '#my-Icon', someIconHolder] }); [removed] 选项 样式表：带有 Font Awesome 样式表名称（可以是部分名称）的字符串，默认值：'font-awes
fate:从您的外壳浏览FontAawesome图标
05-02
命运 [ ]（ 在终端上：＆url = ） Fate是一个简单的CLI程序，可让您浏览终端上的FontAwesome图标。 注意：仅适用于Python3 +。 安装 ： pip install fate ### Avilable命令： 浏览所有图标。 fate --icon 要缩小使用FontAwesome过滤器标签的搜索范围，请使用--filter或-f fate -filter 要使用别名标签缩小搜索范围，请使用--aliases或-a fate --aliases 要使用类别标签缩小搜索范围，请使用--category或-c fate --category 要回显十六进制图标[name/ unicode/ html] ，请与-e或--echo一起使用 例子 ： fate -i -e name 名字叫什么？ 好吧，'Te'rminal ='fate'上的'
vue-awesome-icon-picker:一个Vuejs图标选择器组件，可以轻松选择并使用FontAwesome 5 Icon
05-23
一个Vue.js图标选择器组件，可以轻松选择并使用FontAwesome 5 Icon。 目录 安装 使用npm安装 npm install --save @rightbraintechbd/vue-awesome-icon-picker 或通过cdn使用它 < script src =" ...
fontawesome-iconpicker使用小记
08-22
在bootstrap项目中使用fontawesome-iconpicker插件选择图标的简单调用方法
fontawesome-iconpicker：用于Bootstrap的Font Awesome Icon Picker组件
01-30
您可以使用Font Awesome 5或您选择的其他字体图标集（图标列表是完全可自定义的）。 实例化 您可以通过几种方式调用插件： // Create instance if not exists (returns a jQuery object) $ ( '.my' ) . iconpicker...
微信小程序引入Font Awesome-icon
03-29
1下载最新版本Font Awesome 选择最新免费使用版本下载：   2 将字体转换为 BASE64 2.1 进入转换网站transfonter.orghttps://transfonter.org/ 2.2 解压下载好的 fontawesome-free-5.0.13.zip 2.3 点击网址上的Add ...
Font-Awesome-Icon-Chars：几种文件格式的Font Awesome图标Unicode字符列表
02-07
安装通过 ： npm install font-awesome-icon-chars通过： yarn add font-awesome-icon-chars用法资产您可以在目录中使用字符列表文件。 所有字符列表文件都将放置在此目录中。Node.js 您也可以从该模块中获取图标...
FontAwesome-Pro-5.15.3-web.zip
06-07
FontAwesome-Pro-5.15.3-web.zip
android-iconify:Android integration of multiple icon providers such as FontAwesome 在Android中使用Font Awesome图标
05-17
Iconify为您提供了大量可供选择的矢量图标，以及在Android应用程序中添加和自定义它们的直观方法。 该项目基于 。 由于所有者放弃更新该项目， 安装 选择任意数量的模块，然后在您的Application声明它们。 ...
vue3 font-awesome
最新发布
09-12
<font-awesome-icon icon="envelope" /> ``` 在上述代码中，我们通过设置`icon`属性为图标的名称来使用Font Awesome图标。例如，`icon="user"`将显示用户图标，`icon="envelope"`将显示信封图标。 这就是在Vue...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山茶花水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值