alipay
/svg/authhub/alipay.svg
Library
图标库
搜索、预览并复制直链。所有图标在构建时预渲染，由边缘节点直接返回。
/
显示 20 / 20 个图标/svg/{collection}/{name}.svg
baidu
/svg/authhub/baidu.svg
bilibili
/svg/authhub/bilibili.svg
dingtalk
/svg/authhub/dingtalk.svg
douyin
/svg/authhub/douyin.svg
/svg/authhub/facebook.svg
feishu
/svg/authhub/feishu.svg
gitee
/svg/authhub/gitee.svg
github
/svg/authhub/github.svg
gitlab
/svg/authhub/gitlab.svg
/svg/authhub/google.svg
huawei
/svg/authhub/huawei.svg
microsoft
/svg/authhub/microsoft.svg
/svg/authhub/qq.svg
sina
/svg/authhub/sina.svg
telegram
/svg/authhub/telegram.svg
/svg/authhub/twitter.svg
wework
/svg/authhub/wework.svg
wx
/svg/authhub/wx.svg
xiaomi
/svg/authhub/xiaomi.svg
Developer
一行请求，拿到全部图标
图标清单通过 JSON API 暴露，方便脚本、文档站或设计工具批量消费。也可以直接拼接/svg/{collection}/{name}.svg作为图片地址。
GET/api/icons返回 JSON，包含每个图标的绝对直链与路径。
/svg/authhub/github.svg可直接用于 img、Markdown 或 CSS background。
- 正确 MIMEimage/svg+xml
- 跨域引用Access-Control-Allow-Origin: *
- 边缘缓存public, max-age=31536000
- 错误响应404 Not Found
GET /api/icons
{
"site": "https://svgcloud.slm.gx.cn",
"total": 20,
"collections": [
{
"slug": "authhub",
"count": 20,
"icons": [
{
"name": "alipay",
"path": "/svg/authhub/alipay.svg",
"url": "https://svgcloud.slm.gx.cn/svg/authhub/alipay.svg"
},
…
]
}
]
}Workflow
添加图标，只需要三步
图标源文件与代码一起版本化。每次构建会重新生成图标数据并预渲染直链，不依赖运行时存储。
01
放入 SVG
把图标放进对应集合目录，文件名就是访问路径里的图标名。
assets/icons/authhub/github.svg02
生成数据
运行生成脚本，把 SVG 内容打包成图标数据。dev 和 build 会自动执行。
npm run icons:build03
部署上线
推送到 EdgeOne Pages 绑定的分支，平台自动构建，直链立即生效。
git push origin mainHTML
<img
src="https://svgcloud.slm.gx.cn/svg/authhub/github.svg"
alt="GitHub"
width="32"
height="32"
/>Markdown
