Shield Badge 徽章生成工具

基于 shields.io 实时生成 SVG 徽章，支持自定义标签、内容、颜色、样式与 logo，一键复制图片URL、Markdown、HTML 代码

实时预览
请填写下方信息生成徽章

完整图标列表见 simpleicons.org

广告位

工具介绍与功能

本工具基于 shields.io 服务实时生成 SVG 徽章，常用于项目 README、文档、网站展示构建状态、版本号、许可证、下载量等信息。支持多种样式与图标库，所见即所得。

  • 实时预览：修改参数即时刷新徽章图片
  • 多种样式：plastic/flat/flat-square/for-the-badge/social
  • 图标支持：Simple Icons 全套图标（github/npm/python 等）
  • 三码输出：URL / Markdown / HTML 一键复制

安全保障

  • 本地拼接：URL 在浏览器内拼接，不向服务器发送您的输入
  • 开源服务：图片由 shields.io 公开服务渲染，可放心嵌入

常见问题

徽章图片无法显示？

图片由 shields.io 实时渲染，请确保网络可访问 shields.io 域名。若在墙内访问缓慢，可使用图床或 CDN 镜像。同时请检查标签、内容中是否含有特殊字符，需 URL 编码（如空格使用 %20 或 -）。

如何添加 logo 图标？

在"Logo 名称"中填入 Simple Icons 中的图标名（小写，如 github、npm、python、docker），即可显示对应图标。完整图标列表见 simpleicons.org。

自定义颜色如何使用？

在"颜色"下拉框选择"自定义十六进制"，然后在右侧输入框填写 #RRGGBB 格式的颜色值（如 #0ea5e9）。其他预设颜色（如 brightgreen）可直接使用名称。