Ionicons图标库： 让网页栩栩生辉，Ionic Framework的经典之作，图标库新标杆！

大家好，欢迎来到程序视点！我是小二哥！今天再给大家分享一款免费开源、高性能的图标库：Ionicons 

  它适用于web、APP和桌面应用。关于 ![Ionicons]Ionicons 是一个国外知名混合开发框架 Ionic Framework 内置的图标库。 它包含 1300 个为 Web、iOS、Android 和桌面应用程序专门定制的图标。 

  同时 Ionicons 这套图标库是一个独立的项目，完全可以单独使用。Ionicons 亮点盘点

• 包含1300+个、图标，能满足大多数的业务场景
  
• 具有高性能的按需加载机制，只加载需要的图标资源，无需手动配置
  
• 提供filled、outline、sharp 三种不同风格的变体，类型丰富
  

  

  开发上手安装在自己项目中使用 Ionicons 这套图标库，只需要引入 script 标签即可：  图标使用给  标签设置对应的 name 属性即可： 我们还可以用不同变体适合各种平台：< ion-icon name = "heart" >   < ion-icon name = "heart-outline" >   < ion-icon name = "heart-sharp" >   设置图标大小和颜色：    ion-icon { font-size: 64px; color: blue; } 自定义可以使用外部SVG。在src属性中提供外部SVG 文件url地址。该src属性的作用与

请求图像的网页访问相同。 注意：外部文件只能是有效的svg，并且不允许svg元素内存在脚本或事件。< ion-icon src = "/path/to/external/file.svg" >  二开使用Ionicons 官网的右上角为设计师提供了所有图标打包下载的功能，图标源文件格式为通用的 SVG 格式，满足了设计师学习临摹和二次修改的需求。

  其他Ionicons 的图标数量不仅多，覆盖也很全面。使用起来简单、快捷、方便，自动按需加载的机制也让开发者很省心。有兴趣的小伙伴们，可以查看下它的官网。

Ionicons官方文档 https://ionic.io/ionicons

写在最后【程序视点】助力打工人减负，从来不是说说而已！后续小二哥会继续详细分享更多实用的工具和功能。持续关注，这样就不会错过之后的精彩内容啦！如果这篇文章对你有帮助的话，别忘了【点赞】【分享】支持下哦~
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！