Omakase Icons

Omakase Icons

152 款免费图标，每款只绘制一次，即可生成各种样式：描边、实心、双色调和双重色调，支持圆角或锐角，并可使用任意描边粗细。采用 MIT 许可。

浏览全部图标 · 申请图标 · 报告问题

安装

npm i @uv-foundry/icons-react    # React
npm i @uv-foundry/icons-vue      # Vue 3
npm i @uv-foundry/icons-svelte   # Svelte 5
npm i @uv-foundry/icons-core     # any framework, or plain SVG strings

import { HomeIcon } from '@uv-foundry/icons-react';

<HomeIcon />
<HomeIcon variant="solid" corner="sharp" size={16} />

所有软件包使用相同的选项：

选项	可选值	默认值
variant	stroke、solid、duotone、twotone	stroke
corner	rounded、sharp	rounded
size	任意像素值	24
strokeWidth	1 到 2.25	根据尺寸调整：16px 时为 2.25，20px 时为 1.8，24px 时为 1.5
color	任意 CSS 颜色	currentColor
title	无障碍标签	无（屏幕阅读器会忽略该图标）

在 16px 和 20px 尺寸下，图标会使用与对应尺寸像素网格对齐的绘图，因此细线依然清晰。

在 AI 编码工具中使用

MCP 服务允许 Claude Code、Cursor、VS Code 和其他助手搜索实际目录，因此它们不会导入不存在的图标。它是一个远程 Streamable HTTP 服务，地址为 https://icons.oma-kase.com/mcp。无需登录，也无需 API 密钥。

Claude Code

claude mcp add --transport http omakase-icons https://icons.oma-kase.com/mcp

Cursor：将以下内容添加到 .cursor/mcp.json 或全局 MCP 设置中。

{
  "mcpServers": {
    "omakase-icons": { "url": "https://icons.oma-kase.com/mcp" }
  }
}

VS Code：将以下内容添加到 .vscode/mcp.json。

{
  "servers": {
    "omakase-icons": { "type": "http", "url": "https://icons.oma-kase.com/mcp" }
  }
}

工具：

• search_icons：按含义查找图标，例如“删除”“支付”或“迪拉姆”，并获取准确名称。
• get_icon：获取可直接粘贴的 React、Vue、Svelte 或 SVG 代码，并可选择任意样式、圆角、尺寸和描边粗细。
• list_icons：列出此图标集中的所有图标名称。

面向 AI 工具的纯文本指南：icons.oma-kase.com/llms.txt。

纯 SVG 文件

svg/ 文件夹按样式和圆角存放每个图标的独立文件：svg/<style>/<corner>/<name>.svg。 icons.json 列出了所有图标名称。

申请图标或报告问题

• 申请图标：申请添加图标集当前没有的图标。申请内容将决定接下来绘制哪些图标。
• 报告问题：反馈图标显示异常或无法渲染的问题。

此代码仓库的内容

此代码仓库存放已发布的图标：SVG 文件、图标列表、许可协议和更新日志。每次发布时，都会根据我们的绘图源文件生成内容，因此请提交 issue，而不是 pull request。

许可

MIT。可免费用于个人和商业用途，产品中无需注明出处。

版本 0.7.0。由 Omakase 制作。