zoukankan      html  css  js  c++  java
  • 八个免费的Vue图标库

    1. Vue-awesome

    也许大家知道 Font-awesome 之类比较流行的图标库,就像各大组件库都有各自版本一样,它也有Vue的版本

    Github地址:https://github.com/Justineo/vue-awesome

    里面包括数千个高质量,可自定义的图标,Vue-awesome将Font Awesome带入到Vue中,使开发者可以通过单个组件访问所有的免费图标。

    2. Vue Unicons

    Github地址: https://github.com/antonreshetov/vue-unicons
    该图标库有着超过一千个的免费SVG图标。
    而且每一个Vue Unicon 组件都具有以下属性:

    • 名称

    • 宽高

    • 颜色

    • 样式

    3. Vue Material Design

    Github地址: https://github.com/robcresswell/vue-material-design-icons
    这是一个很棒的库,它可以帮助你在Vue项目中使用Material Design 图标

    该库不仅有出色的文档,而且用这些图标入门很容易。它的每个图标作为单个文件组件,所以可以准确导入每个Vue项目所需的图标。

    而且,该库使用的是SVG图标,所以可以轻松更改来自定义自己喜欢的图标

    以上的库都是一些单独的图标库,下面给大家介绍一些不一样的

    4. Vuetify

    在项目中,有许多可能会用到验证,作为最流行且维护良好的Vue组件库之一,它非常灵活。Vuetify拥有100多个组成元素,带有响应式网格系统,并完全支持事件处理。

    官网:https://vuetifyjs.com/

    在图标方面,Vuetify使用了Material DesignFont Awesome库。具备这两种功能使Vuetify是为寻求一致UI的开发人员的绝佳选择。
    它凭借每周的补丁程序和不断的更新,Vuetify可能仍会是数年来最受欢迎的Vue库之一。

    5. AT UI

    AT UI专为前端Web应用程序而构建。具备使用CSS预处理程序的能力,它几乎适用于几乎所有开发团队。

    AT UI中默认的最小样式和字体选择功能,并且添加到任何项目中都非常直观且容易。与其他库相比,它的内置图标库(Feather)也是一个巨大的特点。

    官网:https://at-ui.github.io/at-ui

    6. iView

    这个我觉得就算我不介绍也有很多人知道,这个库在平时的开发中经常遇到,而且它也内置了许多组件和图标,同时也对不同的字体,图标大小,元素大小有良好的支持

    官网 :https://www.iviewui.com/

    7. Icomoon

    Icomoon是超级流行的图标库,谷歌和苹果等一些主要公司都在使用它。它提供了大量的SVG图标和图标字体,同时也有很多高级的付费选项,可以将其混合搭配以找到理想的图标。

    官网地址 :https://icomoon.io/

    8. IconMonstr

    官网 https://iconmonstr.com/

    这个库与上述不同的特点是,它的图标库中不仅有svg格式图标,还有 png,psd和eps格式的图标。

    如果想要快速上手该项目,只需要复制粘贴并嵌入代码到项目中。

    建立自己的图标库

    如果在不同的库中选择SVG图标,可以用其他办法将这些图标聚合在一起。例如,在Nuxt中,有一个库名为 nuxt-svg-loader(地址:https://www.npmjs.com/package/nuxt-svg-loader) 它可以使SVG转为自己的组件。

  • 相关阅读:
    从零开始学ios开发(十三):Table Views(下)Grouped and Indexed Sections
    求助三陀工作室
    2015.6-2017.6软件测试学习计划
    标签管理
    Git的分支管理(三)
    Git的分支管理(二)
    Git的分支管理(一)
    Git的远程仓库
    Git版本的管理
    Git的版本管理创建和修改
  • 原文地址:https://www.cnblogs.com/ziyoublog/p/12083445.html
Copyright © 2011-2022 走看看