IKonate

设计师和前端开发者可以免费获取、在线调整并下载超过300个SVG图标，支持Sketch、Photoshop、Figma等工具直接使用，无需注册。

它解决了什么问题

传统图标库要么收费，要么无法在线调整样式，导致设计师需要额外花时间在PS或Sketch里手动修改。Ikonate把「选图标」和「调样式」合并到同一个网页完成。

• 免去注册流程：打开官网即可浏览和导出，没有登录门槛
• 避免二次修改：在线调整边框粗细、圆角、尺寸和颜色，导出即最终效果
• 兼容开发场景：支持内联SVG、SVG Sprites和图片三种输出格式

核心功能与操作方式

所有操作都在浏览器左侧面板完成，不需要安装任何软件。右侧实时预览修改效果。

• 边框粗细：滑块控制线条宽度，从细到粗可调
• 帽子与角落：选择线端形状（圆帽/方帽）和拐角样式（圆角/直角）
• 尺寸调整：按像素精确设置图标宽高
• 颜色更换：拾色器直接选色，支持十六进制和RGB输入
• 一键复制SVG代码：点击图标即可复制，无需下载文件

适合谁用

主要面向两类人群：一是UI/UX设计师，需要在Sketch、Figma、即时设计等工具中快速插入风格统一的图标；二是前端开发者，需要轻量、可访问的SVG代码直接嵌入页面。

• 设计师：导出为SVG文件后可直接拖入Sketch或Photoshop，保持矢量属性
• 前端开发者：复制内联SVG或SVG Sprite代码，无需额外引入库文件
• 原型制作者：在即时设计等在线工具中配合使用，资源与设计不分离

收费与限制

完全免费且开源，GitHub上可克隆源代码。所有图标均可用于商业项目，无需署名。

• 免费商用：无需付费，无需标注来源
• 开源协议：基于MIT License，允许修改和再分发
• 数量限制：目前收录300+图标，不包含面性图标或3D图标

常见问题

Q1：Ikonate的图标能直接在Figma里编辑吗？

A1：可以。导出为SVG文件后拖入Figma，图标保持矢量结构，可以继续调整颜色和形状。

Q2：Ikonate的图标数量够日常设计用吗？

A2：目前提供300+个线性图标，覆盖常用分类（箭头、媒体、文件、社交等）。如果项目需要面性图标或更丰富的风格，可以搭配其他免费库如Ant Icons或Mingcute Icon使用。

Q3：修改后的图标参数能保存为默认配置吗？

A3：不能。每次刷新页面都会恢复默认设置，建议调整后立即导出或复制代码。

更多同类工具与网站,可在图标分类继续挑选。

信息核实于 2026年7月,具体以官网为准。