本地优先 · 静态图标站 Local-first · static icon site

更快找到,一键导出图标 Find icons faster. Export in one click.

Iconly 把常用图标收进一个干净的图库页:中英搜索、分类筛选、尺寸描边与颜色预览,复制 SVG 或下载 PNG。 Iconly gathers everyday icons into one clean library: bilingual search, filters, live size/stroke/color preview, then copy SVG or download PNG.

现有产品含可点击键盘与彩带交互;本页以 Playful Geometric 静态插画呈现,不加载完整键盘脚本。 The live product includes an interactive keyboard and confetti. This page shows a Playful Geometric static illustration—no full keyboard scripts.

产品要点Product highlights

301 真实 SVG 图标Real SVG icons
HEX 实时调色预览Live color preview
中英ZH/EN 双语搜索Bilingual search
SVG/PNG 复制与下载Copy & download
Features

图库里真正用得到的能力 Features that matter in the library

从搜索到导出都在浏览器里完成。真实应用本地托管图标,本首页仅作产品介绍,不接后端。 Search through export happens in the browser. The real app hosts icons locally—this homepage is product storytelling only, no backend.

搜索与筛选Search & filter

中文 / 英文关键词检索,可按分类、图标库、风格过滤,并支持分页浏览。 Search in Chinese or English. Filter by category and style, with pagination.

分类Category 图标库Library 风格Style 分页Pagination

预览与调色Preview & recolor

实时调整尺寸、描边粗细与颜色,所见即所得地检查图标在界面里的效果。 Tune size, stroke weight, and color live—WYSIWYG checks before you ship UI.

Size Stroke Color

一键导出One-click export

复制 SVG 源码,或导出 PNG。适合直接贴进设计稿、组件库或前端工程。 Copy SVG source or download PNG—drop straight into designs, component kits, or code.

Copy SVG Download PNG

风格示例Style examples

示例页可浏览 Stroke / Twotone / Duotone / Bulk / Solid,并查看场景化演示。 Browse Stroke, Twotone, Duotone, Bulk, and Solid—plus scene demos on the examples page.

Stroke Duotone Solid
How it works

三步用上图标 Icons in three steps

从搜到拷只要三步。不必注册也能先逛图库;账号与支付仍是预览能力。 Search, tune, ship—three steps. Browse without signing up; accounts and payments stay preview-only.

第一步Step 01

搜索或筛选Search or filter

输入中英关键词,或按分类、风格、Free / Pro 收窄结果,301 枚图标随时可翻页浏览。 Type ZH/EN keywords, or narrow by category, style, and Free/Pro across 301 icons with paging.

第二步Step 02

调尺寸与颜色Tune size & color

在预览工具条里改尺寸、描边和 HEX 色值,网格实时跟着变,打开详情还能再微调。 Dial size, stroke, and HEX in the preview bar—the grid updates live, and the detail panel fine-tunes further.

第三步Step 03

复制或下载Copy or download

一键复制 SVG 代码,或导出 PNG;也能带走 React Native 片段,直接丢进设计稿或仓库。 Copy SVG, export PNG, or grab a React Native snippet—drop it into your design file or repo.

Pricing

Free · Pro · 买断Free · Pro · Lifetime

免费图标随便用;要商用或会员图标不限次,选 Pro 或一次性买断。价格为占位。Free icons are free. For commercial use or unlimited member icons, pick Pro or Lifetime. Prices are placeholders.

Free
$0 / 永久 / forever
  • 免费图标复制不限次Unlimited free icons
  • 会员图标每日 10 次Member icons 10/day
  • 不可商用No commercial use
买断Lifetime
$199 / 一次 / once
  • Pro 全部权益Everything in Pro
  • 永久商用授权Perpetual commercial
  • 无需续费No renewals

查看完整定价与对比See full pricing & comparison

把图标查找变成日常习惯 Make finding icons a daily habit

打开图库,搜一个名字,调好颜色,复制走。Iconly 为设计与前端之间那几分钟而存在。 Open the library, search a name, dial in the color, copy it out. Iconly exists for those few minutes between design and code.

登录为预览能力,尚未接入真实账号 Sign-in is preview-only; no real accounts yet