QM icon 专业级跨平台图标设计工作站

做 App、网站或品牌物料时,图标设计往往是最耗时的一环。找素材、调颜色、改尺寸、导出多套格式……一套流程下来,半天可能就没了。如果你只需要快速出图标,不想注册账号、不想下载软件、不想学 Figma,QM icon 这个在线工具值得收藏。

QM icon 是什么?

QM icon(Qiaomu Icon)是一款免注册、纯浏览器运行的专业级图标设计工作站。它把图标设计需要的大部分能力直接做进了网页——从形状、颜色、渐变、纹理到阴影、描边、发光、徽章角标,全部在浏览器里实时渲染,不需要上传任何数据到服务器。

整个工具的核心渲染区域是一张 1024×1024 px 的 Canvas,所见即所得。左边是完整的控制面板,右侧是实时预览,支持浅色/深色/棋盘格三种背景切换。

核心能力

6 种图标来源,覆盖几乎所有设计场景

  • 图形(Clipart):内置 20,000+ 图标和符号库,支持中文搜索,在线模式还能联网搜索更多
  • 文本(Text):输入文字转图标,支持多行、字距/行高调节、文字变形(上弧/下弧)、自定义 Google 字体加载
  • Emoji:内置 Emoji 分类检索,直接用 Emoji 做图标主体
  • 图片(Image):上传 PNG/JPG/SVG/WebP,支持重新着色(单色化),建议透明背景
  • 品牌 Logo(Brand):在线搜索 3,000+ 品牌 Logo
  • SVG:粘贴 SVG 代码直接解析为图标

渐变背景 + 纹理 + 噪点

背景支持纯色、线性渐变、径向渐变、锥形渐变、图片背景和透明共 6 种类型,搭配渐变预设和随机配色按钮。叠加层面支持多种图案纹理和噪点控制,可以做出有质感的磨砂/颗粒效果。

专业级图层特效

  • 阴影:柔和/硬边/长投影三种模式,支持 X/Y 偏移、模糊度、透明度、颜色自由调节
  • 描边:宽度可调、颜色可选
  • 发光:强度+颜色可调
  • 整体光泽:顶部高光/斜面光
  • 内边框细线

形状蒙版 + 徽章角标

内置多种形状蒙版(圆角、圆形、多边形等),支持自定义 SVG 蒙版和圆角/边距参数。徽章角标有角标/横条/圆点三种样式,可自定义文字(如 NEW、HOT)、位置、大小、颜色。

14+ 平台一键导出

设计完成后点下载,支持 Android、iOS、Web、macOS、Windows、Favicon 等 14+ 平台规格,批量生成不同尺寸的 PNG/SVG,省去手动切图的步骤。

其他实用功能

  • 撤销/重做:支持 Ctrl+Z / Ctrl+Shift+Z
  • 随机设计:一键随机图标方案,适合快速找灵感
  • 设计模板:内置多套风格预设,直接套用再微调
  • 历史记录:本地存储设计历史,随时回溯
  • 分享:生成分享链接
  • 多语言:支持中英文切换

注册吗?需要登录吗?

不需要。打开即用,所有操作都在浏览器本地完成,不上传数据到服务器,也没有账号体系。设计历史存在本地浏览器里。

适合谁用?

适合需要快速出图的设计师、开发者、产品经理、运营:

  • 给自己的 App 快速生成一套图标
  • 做 PPT/Keynote 封面时需要简洁的图标元素
  • 给 GitHub 项目做 social preview 图
  • 运营物料、社群分享图的图标素材

如果你不想折腾 Figma、不想花钱买图标素材库、不想安装 AI 设计软件,QM icon 是目前最省事的在线选择之一。

相关链接

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。