瓜奇LNN

标签： 图标库

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

    Iconoir图标库界面预览

    网站介绍

    Iconoir是一个在线高品质免费开源SVG矢量图标库，提供大量高质量图标可供免费下载，支持直接下载SVG格式或直接复制代码使用。目前拥有1520+开源SVG图标，可用于 SVG、Font、React、React Native、Flutter、Figma 和 Framer 等主流平台。无需高级选项或电子邮件注册，直接开箱即用，真正免费商用。

    主要特点

    • 完全免费开源：所有图标均可免费商用，无需注册账号
    • 海量图标资源：收录超过1520个精美SVG图标
    • 多平台支持：兼容SVG、Font、React、React Native、Flutter、Figma、Framer等主流平台
    • 使用便捷：支持直接复制SVG代码或下载文件两种方式
    • 持续更新：开源社区维护，图标库持续丰富
    • 高清矢量：SVG矢量格式，无限缩放不失真

    支持的平台与框架

    Iconoir 提供多平台支持，满足不同开发需求：

    • 设计工具：Figma、Framer
    • 前端框架：React、React Native、Vue、Angular
    • 移动开发：Flutter、iOS、Android
    • 桌面应用：Electron、桌面端Web
    • 字体图标：支持转换为字体图标使用

    使用方式

    Iconoir 提供两种便捷的使用方式：

    1. 复制代码：直接在网页上点击图标，一键复制SVG代码，粘贴到项目中即可使用
    2. 下载文件：点击下载按钮，获取SVG文件，支持自定义颜色和尺寸

    网站地址

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

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

    适用人群

    Iconoir 图标库适合以下人群使用：

    • UI/UX设计师：快速获取高质量图标素材
    • 前端开发者：React/Vue项目图标组件即拿即用
    • 移动端开发者：Flutter、React Native项目图标支持
    • 独立开发者：免费商用的图标解决方案
    • 产品经理：原型设计和文档配图

  • 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都能提供高效的支持。