LitoMore/simple-icons-cdn

GitHub: LitoMore/simple-icons-cdn

一个可自定义颜色、尺寸并支持暗黑模式的 Simple Icons 图标 CDN 服务。

Stars: 351 | Forks: 17

simple-icons-cdn

Colorable and resizable CDN for Simple Icons

## 免责声明 我们要求所有用户在使用 Simple Icons 中的图标之前,先阅读[法律免责声明](https://github.com/simple-icons/simple-icons/blob/develop/DISCLAIMER.md)。 ## 用法 ``` GET https://cdn.simpleicons.org/:icon_slug/:color?/:dark_mode_color? ``` ### 参数 #### `icon_slug` 你可以直接点击 [simpleicons.org](https://simpleicons.org) 上的图标标题来复制 slug。 所有图标 slug 都可以在 [slugs.md](https://github.com/simple-icons/simple-icons/blob/master/slugs.md) 中找到。 #### `color` 可选。默认为 [simpleicons.org](https://simpleicons.org) 上图标自带的颜色。支持 [十六进制颜色](https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color) 和 [CSS 关键字](https://www.w3.org/wiki/CSS/Properties/color/keywords)。如果传入无效值,将回退使用默认颜色。 #### `dark_mode_color` 可选。用于暗黑模式,功能与 `color` 相同。当指定了值时,将使用 [CSS prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)。 #### `viewbox` 可选。默认情况下,图标会放置在一个正方形的 viewBox 中。使用查询参数 `viewbox=auto` 可以将 viewBox 调整为与形状相同的宽高比。 #### `size` 可选。用于自定义图标大小。使用查询参数 `size` 可以在保持原始宽高比的情况下进行缩放。 ### 示例 - - https://cdn.simpleicons.org/simpleicons - - https://cdn.simpleicons.org/simpleicons/blue - - https://cdn.simpleicons.org/simpleicons/hotpink - - https://cdn.simpleicons.org/simpleicons/0cf - - https://cdn.simpleicons.org/simpleicons/0cf9 - - https://cdn.simpleicons.org/simpleicons/00ccff - - https://cdn.simpleicons.org/simpleicons/00ccff99 - - https://cdn.simpleicons.org/simpleicons/orange/pink - - https://cdn.simpleicons.org/simpleicons/_/eee - - [https://cdn.simpleicons.org/simpleicons/eee/\_](https://cdn.simpleicons.org/simpleicons/eee/_) #### 自动调整尺寸 如果你希望所有图标都以一致的尺寸渲染,这会很有用。 ``` ```

### 其他用法 #### Raycast 使用 Raycast 可以轻松浏览、搜索并复制图标的 SVG 源码、品牌颜色、指南和 CDN 链接。

#### Notion 你可以在 Notion 中任何允许插入自定义图像或图标的地方使用此图标 CDN。

#### Kando 这对于自定义 [Kando](https://kando.menu) 菜单项的图标颜色也非常有用: ![](https://static.pigsec.cn/wp-content/uploads/repos/2026/06/45c6acfea1202817.webp) #### 终端 由于 iTerm2 具有[特殊的图像支持](https://www.iterm2.com/documentation-images.html),因此可以在终端模拟器中使用图标。 ``` imgcat -u 'https://cdn.simpleicons.org/go' imgcat -u 'https://cdn.simpleicons.org/go?viewbox=auto' imgcat -u 'https://cdn.simpleicons.org/go?viewbox=auto&size=48' ```

### 域名别名 - [cdn.simpleicons.org](https://cdn.simpleicons.org/simpleicons) - [icons.ly](https://icons.ly/simpleicons) ## 相关 - [Simple Icons](https://github.com/simple-icons/simple-icons) - CDN 服务的图标提供商 - [Brand Icons](https://raycast.com/litomore/simple-icons) - 方便搜索和复制 CDN 链接的 Raycast 扩展 ## 许可证 MIT
标签:CDN, Deno, SVG, Syscall, Web开发, 图标库, 幻觉检测, 自动化攻击