瓜奇LNN

标签： 图标库

  • Iconoir-免费开源SVG矢量图标库1500+图标

    Iconoir-免费开源SVG矢量图标库1500+图标

    Iconoir图标库界面预览

    Iconoir是什么

    Iconoir是一个免费开源的SVG矢量图标库，目前收录1520+个高质量图标，支持直接下载SVG文件或复制代码使用，兼容Figma、Framer、React、React Native、Flutter等主流平台。适合UI设计师、前端开发者、独立开发者，以及需要免费可商用图标的任何人。

    这个库完全开源，没有高级版，也不要求邮箱注册，打开网站就能直接用。图标风格统一简洁，线条感很舒服，放在产品界面或官网里不会显得廉价。

    核心功能体验

    1520+图标，风格统一

    图标库目前收录1520+个SVG图标，涵盖界面、社交、文件、媒体等常见分类。整套图标的线条粗细、圆角风格保持一致，混着用也不会出现”东拼西凑”的感觉。

    两种使用方式，零门槛

    用起来很简单：点击图标可以一键复制SVG代码，粘贴进项目就能用；也可以直接下载SVG文件，还能自定义颜色和尺寸。两种方式都不用注册账号。

    多平台多框架支持

    除了直接下载SVG，Iconoir还支持Figma、Framer、React、React Native、Flutter、iOS、Android等平台，前端框架覆盖了React、Vue、Angular。设计师和开发者都能找到自己顺手的接入方式。

    为什么值得收藏

    免费图标库很多，但Iconoir的优势在于完全开源、真免费商用、风格统一，而且由开源社区持续维护，图标数量还在增长。SVG矢量格式无限缩放不失真，做响应式设计也不怕模糊。这种质量的图标库，值得放进书签栏。

    具体使用场景

    产品界面设计：UI设计师在Figma里直接用Iconoir图标做界面稿，风格统一不用到处找。

    前端项目开发：React/Vue项目需要图标组件时，复制SVG代码或安装对应包即可，省去自己画图标的时间。

    独立开发者做产品：个人项目预算有限，Iconoir提供免费可商用的完整图标方案，不用买图标授权。

    获取方式

    🌐 网站：https://iconoir.com/

    💻 GitHub：https://github.com/iconoir-icons/iconoir

    相关推荐

    如果你在做应用或品牌视觉，可以搭配看看应用图标生成工具IconKitchen，以及免费透明PNG素材站PNGDirs。

    小结

    Iconoir是一个收录1520+图标的免费开源SVG图标库，支持多平台多框架，真免费商用，适合设计师和开发者作为长期图标素材库使用。

  • 280所高校校徽字体图标库 – 开源免费设计师必备资源

    网站介绍

    China School Badge（校徽字体图标）是一个开源的全国各大高校校徽字体图标库，目前收集了全国280所高校的校徽，制作成字体图标库供大家免费使用。这个项目由开发者 lovefc 创建并维护，感谢社区贡献者的持续完善。

    为什么值得收藏？

    对于经常需要处理教育相关设计的设计师和开发者来说，找到合适的高校校徽图标一直是个痛点。传统方式要么需要手动搜索下载各个学校的logo，要么图片质量参差不齐。这个开源项目一次性解决了这些问题：

    • 数量丰富：目前收录280所国内高校校徽，覆盖大部分知名大学
    • 格式统一：以字体图标形式提供，可像使用 Font Awesome 一样方便调用
    • 开源免费：采用开源协议，个人和商业使用均可
    • 持续更新：项目在 GitHub 维护，欢迎提交 PR 添加更多学校

    使用场景

    这个校徽图标库特别适合以下场景：

    • 教育类网站：高考志愿填报平台、高校信息聚合站、留学中介官网
    • 毕业季专题：毕业照模板、校友录、毕业纪念品定制
    • 校友平台：校友会网站、同学录、班级相册
    • 数据分析展示：高校排名可视化、分数线对比图、招生数据看板
    • 校园周边产品：校园文创设计、毕业文化衫、校友纪念品

    如何使用

    使用方式非常简单，支持多种引入方式：

    • CDN 引入：直接在 HTML 中引用 CSS 和字体文件，一行代码搞定
    • NPM 安装：适合前端项目集成，通过包管理器安装
    • 下载使用：下载字体文件到本地，支持自定义修改

    引入后使用方式与普通字体图标一致，通过类名即可调用对应的校徽图标。例如显示清华大学的校徽，只需添加相应的类名即可。

    支持的学校（部分）

    项目收录的学校包括但不限于：清华大学、北京大学、复旦大学、上海交通大学、浙江大学、南京大学、武汉大学、中山大学、西安交通大学、哈尔滨工业大学、华中科技大学、四川大学、同济大学、北京师范大学等知名高校。

    网站地址

    官方网站：http://xiaohui.lovefc.cn/

    GitHub开源地址：https://github.com/lovefc/china_school_badge

    小结

    China School Badge 是一个非常实用的开源项目，将散落在各处的校徽资源整合成统一的字体图标格式。对于需要频繁使用高校校徽的设计师和开发者来说，这个工具能大大提升工作效率。而且项目完全免费开源，支持商用，确实是设计师必备的资源库之一。如果你正在做教育相关的产品或设计，不妨收藏这个工具，说不定哪天就用上了。

  • Yesicon – 免费开源矢量图标库 18万+图标支持SVG/PNG下载

    网站介绍

    Yesicon是一个免费开源的高质量矢量图标下载网站，致力于为开发者和设计师提供优质的图标资源。网站收录了全球157个图标集，累计收录超过18万+矢量图标，为用户提供了丰富的选择空间。

    Yesicon图标库界面预览

    主要功能

    多格式支持

    支持直接复制、下载SVG/PNG等多种格式的图标，满足不同开发需求

    在线定制

    支持快速定制图标颜色、大小和代码风格，可实时预览效果

    一键复制

    提供便捷的一键复制功能，代码可直接用于项目开发

    多语言支持

    网站支持中英文等多种语言，方便全球用户使用

    智能搜索

    支持关键词搜索，快速定位所需图标

    收藏管理

    支持收藏常用图标，方便后续快速查找使用

    Yesicon图标搜索功能

    图标分类

    网站收录了涵盖多个类别的矢量图标，满足不同项目的设计需求：

    • 常用图标：箭头、文件、文件夹等基础图标
    • 社交媒体图标：Twitter、Facebook、Instagram等平台图标
    • 技术开发图标：代码、终端、数据库等开发相关图标
    • 界面元素图标：按钮、导航、表单控件等UI组件
    • 品牌图标：知名厂商Logo等品牌标识

    使用场景

    Web开发

    前端项目图标集成

    移动应用设计

    APP界面图标素材

    UI/UX设计

    界面视觉设计资源

    前端开发

    React、Vue等框架组件图标

    无论是个人项目还是商业项目，都可以免费使用这些开源图标资源。

    Yesicon图标应用场景

    使用指南

    搜索图标

    在搜索框中输入关键词（如”home”、”settings”等），即可快速找到相关图标。支持中英文关键词搜索。

    下载图标

    点击目标图标后，可选择SVG或PNG格式下载。

    • SVG格式：支持无损缩放，适合各种屏幕尺寸
    • PNG格式：适合直接使用的场景

    自定义图标

    在图标详情页，可在线调整：

    • 颜色（支持HEX、RGB格式）
    • 尺寸大小
    • 代码风格（React、Vue、HTML等）

    总结

    Yesicon作为一款免费开源的矢量图标库，凭借其丰富的图标资源、便捷的下载方式和强大的自定义功能，已成为开发者和设计师获取图标资源的优质选择。无论是前端开发、移动应用设计还是UI/UX设计，Yesicon都能提供高效的支持。