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
jsDelivrPeekabo ( Icons Gallery CDN )
Peekabo功能特性
6000+ 图标,完整同步 selfh.st/icons 仓库
支持 SVG / PNG / WebP / AVIF / ICO 多种格式
国内 CDN 加速,访问快速稳定
提供在线浏览、搜索与分类筛选
支持一键复制图标直链
支持亮色 / 暗色主题切换
使用方法
在线浏览
直接访问:https://ico.bytecook.io支持关键词搜索、分类筛选,点击图标可查看详情并复制链接。
安装 NPM 包
npm install @bytecook/iconsor
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