开源Icon大合集

这篇具有很好参考价值的文章主要介绍了开源Icon大合集。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Remix Icon

Remix Icon 是一套面向设计师和开发者的开源图标库,所有的图标均可免费用于个人项目和商业项目。

与拼凑混搭的图标库不同,Remix Icon 的每一枚图标都是由设计师按照统一规范精心绘制的,在拥有完美像素对齐的基础上,确保每一枚图标风格一致且简洁易读。

图标以 24x24 网格为基准,分为 “线性图标” 和 “面型图标” 两种风格,其图标风格为中性风格,适用于各种用户群体的项目。

编程常用icon图标,ui,icon,合集

了解更多:Remix Icon首页、文档和下载 - 开源图标库 - OSCHINA - 中文开源技术交流社区

Ionicons

Ionicons 是一个完全开源的图标集,包含 1,300 个专为 Web、iOS、Android 和桌面应用程序设计的图标。

Ionicons 是为 Ionic Framework 构建的,因此图标具有 Material Design 和 iOS 版本,支持 SVG 和 Web Font。

Ionicons 完全开源,基于 MIT 许可,可以用作商业用途。

编程常用icon图标,ui,icon,合集

了解更多:ionicons首页、文档和下载 - 开源图标集合 - OSCHINA - 中文开源技术交流社区

Fluent System Icons

Fluent UI System Icons 是微软提供的一系列熟悉、友好和现代化的图标。该图标库基于宽松的 MIT 协议,可以随意用于创作场景。

该开源图标库是微软 Fluent UI 体系的一部分,其中许多图标都是 Windows 系统或其他微软产品的官方图标。

编程常用icon图标,ui,icon,合集

了解更多:Fluent System Icons首页、文档和下载 - 微软 Fluent UI 体系图标集 - OSCHINA - 中文开源技术交流社区

Bootstrap Icons

Bootstrap Icons 是 Bootstrap 开源的 SVG 图标库,此图标库起初专门针对 Bootstrap 从表单控件到导航等组件和文档进行定制设计和构建,现在可以免费用于任何项目,无论此项目是否使用了 Bootstrap。

Bootstrap Icons 是 SVG 图标库,因此它们可以快速、轻松地扩展,并且可以配合 CSS 的使用进行个性化定制。

编程常用icon图标,ui,icon,合集

了解更多:Bootstrap Icons首页、文档和下载 - Bootstrap 官方开源 SVG 图标库 - OSCHINA - 中文开源技术交流社区

Boxicons

Boxicons 是一个精心设计的开源图标集,包含 1500 多个图标,可丰富您的网站 / 应用程序体验。

编程常用icon图标,ui,icon,合集

了解更多:Boxicons首页、文档和下载 - 开源 Web 图标库 - OSCHINA - 中文开源技术交流社区 

IconPark

IconPark 是字节跳动开源的 Icon 库与制作工具,它提供了超过 2000 个高质量图标,并且提供了一个定制图标的界面。

与使用各种 SVG 源文件来达到换肤效果的方案不同,IconPark 实现了一种创新性的技术,它可以通过改变一个 SVG 文件的属性来变换多种主题。

IconPark 制作工具支持跨平台导出多种图标代码库,方便在代码中以组件的形式按需引用。

编程常用icon图标,ui,icon,合集

了解更多:IconPark首页、文档和下载 - Icon 库与制作工具 - OSCHINA - 中文开源技术交流社区

Material Design Icons

Material Design Icons 是 Google 开源的 Material Design 系统图标包,约有 750 个图标。

该系统图标库包含常用的图标,如用于媒体播放、通讯、内容编辑、连接等等,其图标在 Web 应用,安卓和 iOS 设计均适用。

编程常用icon图标,ui,icon,合集

了解更多:Material Design Icons首页、文档和下载 - 开源图标 - OSCHINA - 中文开源技术交流社区

lyicon

lyicon 是一套图标众多、风格清新、更适合国人使用的开源字体图标库。

lyicon 100% 兼容 fontawesome 的图标,细化图标,把实心图标都改成空心,更加方便 APP 及现代化网页使用。

编程常用icon图标,ui,icon,合集

了解更多:lyicon首页、文档和下载 - 开源字体图标库 - OSCHINA - 中文开源技术交流社区

Feather icons 

Feather 是一个简单漂亮的开源图标库,强调功能、一致性和简单性。

编程常用icon图标,ui,icon,合集

了解更多:Feather icons首页、文档和下载 - 简单漂亮的开源图标库 - OSCHINA - 中文开源技术交流社区

SuperTinyIcons 

Super Tiny Icons 收录了大量网站和应用程序 Logo 的微型 SVG 版本,每个 Icon 的大小都不到 1KB ,平均大小低于 568 字节。

所有 Icon 都有一个 512x512 的视图框,适合半径为 256 的圆,可以按比例放大和缩小。

编程常用icon图标,ui,icon,合集

了解更多:SuperTinyIcons首页、文档和下载 - 超级微小的社交图标 - OSCHINA - 中文开源技术交流社区

Weather Icons

Weather Icons 是一个具有 222 个天气主题图标的图标和 CSS 库,可以直接放入 Bootstrap ,或在任何需要高质量天气、海洋和气象图标的项目中使用。

编程常用icon图标,ui,icon,合集

了解更多:Weather Icons首页、文档和下载 - 天气主题 Icon 和 CSS 库 - OSCHINA - 中文开源技术交流社区文章来源地址https://www.toymoban.com/news/detail-786343.html

到了这里,关于开源Icon大合集的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于vue3+版本引入element-ui使用icon问题 (icon不显示问题)vue3中input里面不显示icon图标

    1)、引入  2)、效果: 出来了一个大图标  3)、代码 1)、引入  2)、效果:  3)、代码

    2024年02月16日
    浏览(53)
  • Rust UI开发(二):iced中如何为窗口添加icon图标

    注:此文适合于对rust有一些了解的朋友 iced是一个跨平台的GUI库,用于为rust语言程序构建UI界面。 想要了解如何构建简单窗口的可以看本系列的第一篇: Rust UI开发:使用iced构建UI时,如何在界面显示中文字符 本篇是系列第二篇,主要解决一个问题,就是为窗口添加图标ic

    2024年02月04日
    浏览(58)
  • Vue Element-UI使用icon图标(第三方)--在线版

    Element-ui一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,在Vue中使用是很方便的。 关于引用icon(第三方),有一种不用下载项目到本地的方法, element自带的有icon,使用起来也很方便。但是美中不足的是,官方提供的图标库只是部分,在需要新的icon时,

    2024年02月06日
    浏览(52)
  • naive-ui-admin BasicTable 列表操作栏显示图标icon

    效果图 在使用BasicTable的页面添加引用,这里随便弄了个icon  自定义列  这里label设置为空,icon就是刚刚导入的图标,toolTip是自定义属性,在原来封装好的组件里添加的,不然只有一个图标可能不是很明确。 自定义的如下: 打开components/Table/src/components/TableAction.vue ,修改

    2024年04月08日
    浏览(61)
  • vue+element ui中的el-button自定义icon图标

    button的icon属性自定义一个图标名称,这个自定义的图标名称会默认添加到button下i标签的class上,我们只需要设置i标签的样式就可以了 ##3. 按钮上使用自定义的icon

    2024年02月05日
    浏览(42)
  • element-ui控件el-select如何在前面添加icon图标

    在element-ui中input可以使用prefix-icon=“el-icon-user” 在前面添加icon图标,但是select自己没有该属性。那么如何在element-ui控件el-select前面前面icon图标 代码如下(示例): 这里使用了 template #prefix 来替换,因为我使用的是element-plus ,如果使用的是element-ui 则直接使用slot替换

    2024年02月11日
    浏览(53)
  • 小白都会的前端技能---修改element-ui里面的tree组件的icon图标

    在树形组件中,我们渲染到页面上通常来表示一个组织架构的流程,但一般在做的时候会设置打开和关闭为两个不同的字体图标并且在点击的时候可以切换 如下效果图:   打开之前是小加号图标,打开之后是小减号图标 具体方法: 使用element-ui组件设置样式: icon-class =\\\"图标类名\\\"可

    2023年04月18日
    浏览(42)
  • 有了这些开源 Icon 库,妈妈再也不担心我的 UI 太丑啦!

    Remix Icon 是一套面向设计师和开发者的开源图标库,所有的图标均可免费用于个人项目和商业项目。 与拼凑混搭的图标库不同,Remix Icon 的每一枚图标都是由设计师按照统一规范精心绘制的,在拥有完美像素对齐的基础上,确保每一枚图标风格一致且简洁易读。 图标以 24x24

    2024年02月11日
    浏览(50)
  • windows应用程序icon缓存、查看图标、icon制作方法

    在vs中替换c++程序的图标后,需要重新编译,但是很多情况下都不会刷新,还是看到老的图标,只能重启电脑才能看到新的图标。 通过ChatGPT得到相关的回答如下: 如果在 Windows 上更换了可执行文件 (.exe) 的图标,但是在图标文件已经更改的情况下仍然显示旧的图标,可能是因

    2024年02月14日
    浏览(45)
  • element icon图标用法

    1.基础用法:  2.直接使用 SVG 图标 3.下载成PNG使用                  

    2024年04月09日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包