Icons Gallery - 自托管图标 CDN 加速分发

[ellye]

Icons Gallery （国内 CDN 加速版）

Icons Gallery 是一个基于上游仓库 https://github.com/selfhst/icons 构建的图标浏览与分发服务，面向中国大陆用户提供高速、稳定的 CDN 访问体验。

---

项目地址

• 在线访问：https://ico.bytecook.io
• NPM 地址：NPM 项目地址
• 上游仓库：https://github.com/selfhst/icons

---

为什么做这个项目？

https://selfh.st/icons 是一个质量非常高的自托管应用图标集合，收录了 6000+ 精选图标，覆盖大量常见的自托管服务和应用程序，适用于：

• Homepage / Homarr / Dashy 等仪表板
• 自建 NAS / 服务器 应用展示
• 文档、博客中的图标引用

但由于原始资源主要托管在 GitHub ，国内用户在实际使用过程中经常遇到以下问题：

• 访问速度缓慢
• 图标资源加载失败
• jsDelivr CDN 稳定性不足

为了解决上述问题，搭建了该国内 CDN 加速镜像服务。

---

速度对比

jsDelivr

Peekabo （ Icons Gallery CDN ）

---

功能特性

• 6000+ 图标，完整同步 selfh.st/icons 仓库
• 支持 SVG / PNG / WebP / AVIF / ICO 多种格式
• 国内 CDN 加速，访问快速稳定
• 提供在线浏览、搜索与分类筛选
• 支持一键复制图标直链
• 支持亮色 / 暗色主题切换

---

使用方法

在线浏览

直接访问：https://ico.bytecook.io

支持关键词搜索、分类筛选，点击图标可查看详情并复制链接。

安装 NPM 包

npm install @bytecook/icons
# or
pnpm add @bytecook/icons
# or
yarn add @bytecook/icons

使用方法

import { createIconUrl } from '@bytecook/icons';

// 默认: SVG 格式, Peekabo CDN (中国加速)
createIconUrl('nginx');
// => https://ico.bytecook.io/svg/nginx.svg

// 指定格式
createIconUrl('nginx', { format: 'png' });
// => https://ico.bytecook.io/png/nginx.png

// 暗色/亮色变体
createIconUrl('nginx', { format: 'png', variant: 'dark' });
// => https://ico.bytecook.io/png/nginx-dark.png

---

CDN 引用方式

图标 URL 格式：

https://ico.bytecook.io/{格式}/{图标名}.{格式}

示例：

• https://ico.bytecook.io/svg/docker.svg
• https://ico.bytecook.io/png/nginx.png
• https://ico.bytecook.io/webp/portainer.webp

---

原文地址

https://bytecook.io/forum/post/CViKd6YVnW5t