badge-collection

收集各种有意思的徽章，帮助你创建更加好看的 README.md，查看我的示例，欢迎 PR！

如何使用？

在 markdown 中：

复制下面的代码
创建一个 img 标签 <img src="https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white" />
或者使用 md 语法 ![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white)
复制并粘贴到你的 markdown 中

不同的样式

默认版本

ForTheBadge 版本

📝 博客

Badge	Uri
	`![Medium](https://img.shields.io/badge/Medium-12100E.svg?logo=medium&logoColor=white)`
	`![DEV.to](https://img.shields.io/badge/DEV.TO-0A0A0A.svg?logo=dev-dot-to&logoColor=white)`
	`![blogger](https://img.shields.io/badge/blogger-FF5722.svg?logo=blogger&logoColor=white)`
	`![RSS](https://img.shields.io/badge/RSS-FFA500.svg?logo=rss&logoColor=white)`

📱 联系方式

Badge	Uri
	`![Whatsapp](https://img.shields.io/badge/Whatsapp-25D366?logo=whatsapp&logoColor=white)`
	`![Gmail](https://img.shields.io/badge/Gmail-D14836?logo=gmail&logoColor=white)`
	`![Messenger](https://img.shields.io/badge/Messenger-00B2FF?logo=messenger&logoColor=white)`
	`![Protonmail](https://img.shields.io/badge/Protonmail-8B89CC?logo=protonmail&logoColor=white)`
	`![Wechat](https://img.shields.io/badge/Wechat-7BB32E?logo=wechat&logoColor=white)`
	`![QQ](https://img.shields.io/badge/QQ-EB1923?logo=tencent-qq&logoColor=white)`

🍔 食物

Badge	Uri
	`![Uber Eats](https://img.shields.io/badge/Uber Eats-5FB709?logo=uber-eats&logoColor=white)`
	`![Aiqfome](https://img.shields.io/badge/Aiqfome-7A1FA2?logo=aiqfome&logoColor=white)`
	`![ifood](https://img.shields.io/badge/ifood-EA1D2C?logo=ifood&logoColor=white)`

❤️ 赞助支持

Badge	Uri
	`![Bitcoin](https://img.shields.io/badge/Bitcoin-000000.svg?logo=bitcoin&logoColor=white)`
	`![Liberapay](https://img.shields.io/badge/Liberapay-F6C915.svg?logo=liberapay&logoColor=black)`
	`![Paypal](https://img.shields.io/badge/Paypal-00457C.svg?logo=paypal&logoColor=white)`
	`![Kofi](https://img.shields.io/badge/Kofi-F16061.svg?logo=ko-fi&logoColor=white)`
	`![Patreon](https://img.shields.io/badge/Patreon-F96854.svg?logo=patreon&logoColor=white)`

🎮 游戏

Badge	Uri
	`![Playstation](https://img.shields.io/badge/Playstation-003791.svg?logo=playstation&logoColor=white)`
	`![xbox](https://img.shields.io/badge/xbox-107C10.svg?logo=xbox&logoColor=white)`
	`![Switch](https://img.shields.io/badge/Switch-E60012.svg?logo=nintendo-switch&logoColor=white)`
	`![Steam](https://img.shields.io/badge/Steam-000000.svg?logo=steam&logoColor=white)`
	`![counter strike](https://img.shields.io/badge/counter strike-000000.svg?logo=counter-strike)`
	`![Itch.io](https://img.shields.io/badge/Itch.io-FA5C5C.svg?logo=itch.io&logoColor=white)`
	`![Stadia](https://img.shields.io/badge/Stadia-CD2640?logo=stadia&logoColor=white)`
	`![Nintendo 3ds](https://img.shields.io/badge/Nintendo 3ds-D12228?logo=nintendo-3ds&logoColor=white)`

🤝 群组会议

Badge	Uri
	`![Slack](https://img.shields.io/badge/Slack-4A154B.svg?logo=slack&logoColor=white)`
	`![Discord](https://img.shields.io/badge/Discord-7289DA.svg?logo=discord&logoColor=white)`
	`![Telegram](https://img.shields.io/badge/Telegram-2CA5E0.svg?logo=telegram&logoColor=white)`
	`![Zoom](https://img.shields.io/badge/Zoom-2D8CFF?logo=zoom&logoColor=white)`

💻 操作系统

Badge	Uri
	`![Android](https://img.shields.io/badge/Android-3DDC84?logo=android&logoColor=white)`
	`![iOS](https://img.shields.io/badge/iOS-000000?logo=ios&logoColor=white)`
	`![windows](https://img.shields.io/badge/windows-0078D6?logo=windows&logoColor=white)`
	`![windows 95](https://img.shields.io/badge/windows 95-008080?logo=windows-95&logoColor=white)`
	`![windows xp](https://img.shields.io/badge/windows xp-003399?logo=windows-xp&logoColor=white)`

🚀 技能

编程语言

Badge	Uri
	`![Python](https://img.shields.io/badge/Python-14354C.svg?logo=python&logoColor=white)`
	`![HTML](https://img.shields.io/badge/HTML-239120.svg?logo=html5&logoColor=white)`
	`![HTML5](https://img.shields.io/badge/HTML5-E34F26.svg?logo=html5&logoColor=white)`
	`![CSS](https://img.shields.io/badge/CSS-239120.svg?logo=css3&logoColor=white)`
	`![CSS3](https://img.shields.io/badge/CSS3-1572B6.svg?logo=css3&logoColor=white)`
	`![JavaScript](https://img.shields.io/badge/JavaScript-323330.svg?logo=javascript&logoColor=F7DF1E)`
	`![TypeScript](https://img.shields.io/badge/TypeScript-007ACC.svg?logo=typescript&logoColor=white)`
	`![Node](https://img.shields.io/badge/Node.js-43853D.svg?logo=node.js&logoColor=white)`
	`![C](https://img.shields.io/badge/C-00599C.svg?logo=c&logoColor=white)`
	`![C++](https://img.shields.io/badge/C++-00599C.svg?logo=c%2B%2B&logoColor=white)`
	`![C#](https://img.shields.io/badge/C%23-239120.svg?logo=c-sharp&logoColor=white)`
	`![Java](https://img.shields.io/badge/Java-ED8B00.svg?logo=java&logoColor=white)`
	`![PHP](https://img.shields.io/badge/PHP-777BB4.svg?logo=php&logoColor=white)`
	`![R](https://img.shields.io/badge/R-276DC3.svg?logo=r&logoColor=white)`
	`![Swift](https://img.shields.io/badge/Swift-FA7343.svg?logo=swift&logoColor=white)`
	`![Kotlin](https://img.shields.io/badge/Kotlin-0095D5.svg?logo=kotlin&logoColor=white)`
	`![Go](https://img.shields.io/badge/Go-00ADD8.svg?logo=go&logoColor=white)`
	`![Ruby](https://img.shields.io/badge/Ruby-CC342D.svg?logo=ruby&logoColor=white)`
	`![Scala](https://img.shields.io/badge/Scala-DC322F.svg?logo=scala&logoColor=white)`
	`![Rust](https://img.shields.io/badge/Rust-000000.svg?logo=rust&logoColor=white)`
	`![Dart](https://img.shields.io/badge/Dart-0175C2.svg?logo=dart&logoColor=white)`
	`![Lua](https://img.shields.io/badge/Lua-2C2D72.svg?logo=lua&logoColor=white)`
	`![Perl](https://img.shields.io/badge/Perl-39457E.svg?logo=perl&logoColor=white)`
	`![Flutter](https://img.shields.io/badge/Flutter-02569B.svg?logo=flutter&logoColor=white)`
	`![Shell_script](https://img.shields.io/badge/Shell_script-121011.svg?logo=gnu-bash&logoColor=white)`

前端库 / 框架

Badge	Uri
	`![React](https://img.shields.io/badge/React-20232a.svg?logo=react&logoColor=61DAFB)`
	`![Redux](https://img.shields.io/badge/Redux-593d88.svg?logo=redux&logoColor=white)`
	`![React_Native](https://img.shields.io/badge/React_Native-20232a.svg?logo=react&logoColor=61DAFB)`
	`![VueJS](https://img.shields.io/badge/Vue.js-35495e.svg?logo=vue.js&logoColor=4FC08D)`
	`![Angular](https://img.shields.io/badge/Angular.js-E23237.svg?logo=angularjs&logoColor=white)`
	`![Material](https://img.shields.io/badge/Material ui-0081CB.svg?logo=material-ui&logoColor=white)`
	`![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C.svg?logo=bootstrap&logoColor=white)`
	`![jQuery](https://img.shields.io/badge/jQuery-0769AD.svg?logo=jquery&logoColor=white)`
	`![tailwindcss](https://img.shields.io/badge/tailwindcss-38B2AC.svg?logo=tailwind-css&logoColor=white)`
	`![Django](https://img.shields.io/badge/Django-092E20.svg?logo=django&logoColor=white)`
	`![Rails](https://img.shields.io/badge/Rails-CC0000.svg?logo=ruby-on-rails&logoColor=white)`
	`![Laravel](https://img.shields.io/badge/Laravel-FF2D20.svg?logo=laravel&logoColor=white)`
	`![Spring](https://img.shields.io/badge/Spring-6DB33F.svg?logo=spring&logoColor=white)`
	`![Flask](https://img.shields.io/badge/Flask-000.svg?logo=flask&logoColor=white)`
	`![Sencha](https://img.shields.io/badge/Sencha-86BC40?logo=sencha&logoColor=white)`

工作流

Badge	Uri
	`![IntelliJ](https://img.shields.io/badge/IntelliJ IDEA-black?logo=intellij-idea&logoColor=white)`
	`![Eclipse](https://img.shields.io/badge/Eclipse-2C2255?logo=eclipse&logoColor=white)`
	`![VSCode](https://img.shields.io/badge/VSCode-007ACC?logo=visual-studio-code&logoColor=white)`
	`![Markdown](https://img.shields.io/badge/Markdown-000000.svg?logo=markdown&logoColor=white)`
	`![Docker](https://img.shields.io/badge/Docker-2496ED?logo=docker&logoColor=white)`
	`![BitBucket](https://img.shields.io/badge/BitBucket-darkblue?logo=bitbucket)`
	`![Git](https://img.shields.io/badge/Git-black?logo=git)`
	`![gitlab](https://img.shields.io/badge/Gitlab-330f63.svg?logo=gitlab&logoColor=white)`

未分类

Badge	Uri
	`![xamarin forms](https://img.shields.io/badge/xamarin forms-3498DB.svg?logo=xamarin&logoColor=white)`
	`![Elixir](https://img.shields.io/badge/Elixir-4B275F.svg?logo=elixir&logoColor=white)`
	`![Unity](https://img.shields.io/badge/Unity-100000.svg?logo=unity&logoColor=white)`
	`![Sap](https://img.shields.io/badge/Sap-0FAAFF?logo=sap&logoColor=white)`
	`![Vercel](https://img.shields.io/badge/Vercel-333?logo=vercel)`
	`![Ionic](https://img.shields.io/badge/Ionic-3880FF?logo=ionic&logoColor=white)`
	`![NestJS](https://img.shields.io/badge/NestJS-E0234E?logo=nestjs&logoColor=white)`
	`![Firebase](https://img.shields.io/badge/Firebase-FFCA28?logo=firebase&logoColor=white)`
	`![JIRA](https://img.shields.io/badge/JIRA-0052CC?logo=jira)`
	`![JFrog](https://img.shields.io/badge/JFrog-41BF47?logo=jfrog&logoColor=white)`

设计

Badge	Uri
	`![Sketch](https://img.shields.io/badge/Sketch-333?logo=sketch)`

Adobe

Badge	Uri
	`![Adobe Photoshop](https://img.shields.io/badge/Adobe Photoshop-31A8FF?logo=Adobe-Photoshop&logoColor=white)`
	`![Adobe Premiere Pro](https://img.shields.io/badge/Adobe Premiere Pro-EA77FF?logo=Adobe-Premiere-Pro&logoColor=white)`
	`![Adobe Dreamweaver](https://img.shields.io/badge/Adobe Dreamweaver-FF61F6?logo=Adobe-Dreamweaver&logoColor=white)`
	`![Adobe XD](https://img.shields.io/badge/Adobe XD-FF26BE?logo=Adobe-XD&logoColor=white)`
	`![Adobe InDesign](https://img.shields.io/badge/Adobe InDesign-EE3D8F?logo=Adobe-InDesign&logoColor=white)`
	`![Adobe Creative Cloud](https://img.shields.io/badge/Adobe Creative Cloud-DA1F26?logo=Adobe-Creative-Cloud&logoColor=white)`
	`![Adobe Acrobat Reader](https://img.shields.io/badge/Adobe Acrobat Reader-EC1C24?logo=Adobe-Acrobat-Reader&logoColor=white)`
	`![Adobe](https://img.shields.io/badge/Adobe-FF0000?logo=Adobe&logoColor=white)`
	`![Adobe Illustrator](https://img.shields.io/badge/Adobe Illustrator-FF9A00?logo=Adobe-Illustrator&logoColor=white)`
	`![Adobe PhoneGap](https://img.shields.io/badge/Adobe PhoneGap-27A1C5?logo=Adobe-PhoneGap&logoColor=white)`
	`![Adobe Lightroom CC](https://img.shields.io/badge/Adobe Lightroom CC-31A8FF?logo=Adobe-Lightroom-CC&logoColor=white)`
	`![Adobe Lightroom Classic](https://img.shields.io/badge/Adobe Lightroom Classic-31A8FF?logo=Adobe-Lightroom-Classic&logoColor=white)`
	`![Adobe After Effects](https://img.shields.io/badge/Adobe After Effects-9999FF?logo=Adobe-After-Effects&logoColor=white)`
	`![Adobe Audition](https://img.shields.io/badge/Adobe Audition-9999FF?logo=Adobe-Audition&logoColor=white)`
	`![Adobe Fonts](https://img.shields.io/badge/Adobe Fonts-323232?logo=Adobe-Fonts&logoColor=white)`

云服务

Badge	Uri
	`![Google Cloud](https://img.shields.io/badge/Google Cloud-4285F4?logo=google-cloud&logoColor=white)`
	`![Amazon AWS](https://img.shields.io/badge/Amazon AWS-232F3E?logo=amazon-aws&logoColor=white)`
	`![Microsoft Azure](https://img.shields.io/badge/Microsoft Azure-0089D6?logo=microsoft-azure&logoColor=white)`
	`![Oracle Cloud](https://img.shields.io/badge/Oracle Cloud-F80000?logo=oracle&logoColor=white)`

数据库

Badge	Uri
	`![mysql](https://img.shields.io/badge/mysql-00000f.svg?logo=mysql&logoColor=white)`
	`![MongoDB](https://img.shields.io/badge/MongoDB-4ea94b.svg?logo=mongodb&logoColor=white)`
	`![sqlite](https://img.shields.io/badge/sqlite-07405e.svg?logo=sqlite&logoColor=white)`
	`![postgres](https://img.shields.io/badge/postgres-316192.svg?logo=postgresql&logoColor=white)`

Microsoft

Badge	Uri
	`![Microsoft Teams](https://img.shields.io/badge/Microsoft Teams-6264A7?logo=microsoft-teams&logoColor=white)`
	`![Microsoft Outlook](https://img.shields.io/badge/Microsoft Outlook-0078D4?logo=microsoft-outlook&logoColor=white)`
	`![Microsoft Excel](https://img.shields.io/badge/Microsoft Excel-217346?logo=microsoft-excel&logoColor=white)`
	`![Microsoft PowerPoint](https://img.shields.io/badge/Microsoft PowerPoint-B7472A?logo=microsoft-powerpoint&logoColor=white)`
	`![Microsoft Access](https://img.shields.io/badge/Microsoft Access-A4373A?logo=microsoft-access&logoColor=white)`
	`![Microsoft SQL](https://img.shields.io/badge/Microsoft SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white)`
	`![Microsoft Office](https://img.shields.io/badge/Microsoft Office-D83B01?logo=microsoft-office&logoColor=white)`
	`![Microsoft SharePoint](https://img.shields.io/badge/Microsoft SharePoint-0078D4?logo=microsoft-sharepoint&logoColor=white)`
	`![Microsoft Word](https://img.shields.io/badge/Microsoft Word-2B579A?logo=microsoft-word&logoColor=white)`
	`![Microsoft Visio](https://img.shields.io/badge/Microsoft Visio-3955A3?logo=microsoft-visio&logoColor=white)`
	`![Microsoft SQL Server](https://img.shields.io/badge/SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white)`
	`![Microsoft](https://img.shields.io/badge/Microsoft-666666?logo=microsoft&logoColor=white)`

🌐 社交媒体

Badge	Uri
	`![Facebook](https://img.shields.io/badge/Facebook-1877F2.svg?logo=facebook&logoColor=white)`
	`![Instagram](https://img.shields.io/badge/Instagram-E4405F.svg?logo=instagram&logoColor=white)`
	`![Twitter](https://img.shields.io/badge/Twitter-1DA1F2.svg?logo=twitter&logoColor=white)`
	`![Linkedin](https://img.shields.io/badge/Linkedin-0077B5.svg?logo=linkedin&logoColor=white)`
	`![Github](https://img.shields.io/badge/Github-100000.svg?logo=github&logoColor=white)`
	`![Reddit](https://img.shields.io/badge/Reddit-FF4500.svg?logo=reddit&logoColor=white)`
	`![Tiktok](https://img.shields.io/badge/Tiktok-000000.svg?logo=tiktok)`
	`![XDA](https://img.shields.io/badge/XDA developers-F59812?logo=xda-developers&logoColor=white)`
	`![Stack](https://img.shields.io/badge/Stack overflow-FE7A16?logo=stack-overflow&logoColor=white)`
	`![Twitch](https://img.shields.io/badge/Twitch-blueviolet?logo=Twitch&logoColor=white)`

🎶 音乐

Badge	Uri
	`![spotify](https://img.shields.io/badge/spotify-1ED760.svg?logo=spotify&logoColor=white)`
	`![deezer](https://img.shields.io/badge/deezer-FEAA2D.svg?logo=deezer&logoColor=white)`
	`![audacity](https://img.shields.io/badge/audacity-0000CC.svg?logo=audacity&logoColor=white)`
	`![apple podcasts](https://img.shields.io/badge/apple podcasts-9933CC?logo=apple-podcasts&logoColor=white)`
	`![google podcasts](https://img.shields.io/badge/google podcasts-4285F4?logo=google-podcasts&logoColor=white)`
	`![youtube music](https://img.shields.io/badge/youtube music-FF0000?logo=youtube-music&logoColor=white)`
	`![apple music](https://img.shields.io/badge/apple music-000?logo=apple-music&logoColor=white)`
	`![soundcloud](https://img.shields.io/badge/soundcloud-FF3300?logo=soundcloud&logoColor=white)`

🛒 App商店

Badge	Uri
	`![Google Play](https://img.shields.io/badge/Google Play-414141?logo=google-play&logoColor=white)`
	`![App Store](https://img.shields.io/badge/App Store-0D96F6?logo=app-store&logoColor=white)`

🎞 流媒体

Badge	Uri
	`![Youtube](https://img.shields.io/badge/Youtube gaming-FF0000?logo=youtube-gaming&logoColor=white)`
	`![Twitch](https://img.shields.io/badge/Twitch-9146FF.svg?logo=twitch&logoColor=white)`
	`![Facebook](https://img.shields.io/badge/Facebook gaming-005FED?logo=facebook-gaming&logoColor=white)`
	`![Crunchyroll](https://img.shields.io/badge/Crunchyroll-F47521?logo=Crunchyroll&logoColor=white)`
	`![Netflix](https://img.shields.io/badge/Netflix-E50914?logo=netflix&logoColor=white)`

💻 工作配置

Badge	Uri
	`![nvidia-gtx2080](https://img.shields.io/badge/nvidia-gtx2080-76B900.svg?logo=nvidia&logoColor=white)`
	`![amd-Radeon RX 5500](https://img.shields.io/badge/amd-Radeon RX 5500-ED1C24.svg?logo=amd&logoColor=white)`
	`![intel-core i7 10th](https://img.shields.io/badge/intel-core i7 10th-0071C5.svg?logo=intel&logoColor=white)`
	`![amd-Ryzen 7 3800X](https://img.shields.io/badge/amd-Ryzen 7 3800X-ED1C24.svg?logo=amd&logoColor=white)`
	`![windows-asus zenbook 3](https://img.shields.io/badge/windows-asus zenbook 3-0078D6.svg?logo=windows&logoColor=white)`
	`![apple-mbp 2020](https://img.shields.io/badge/apple-mbp 2020-999999.svg?logo=apple&logoColor=white)`

想在标签上加链接？

示例： [![github](https://img.shields.io/badge/github-12100E.svg?&style=for-the-badge&logo=github&logoColor=white)](https://github.com/hawtim)

✏ 自定义

你可以通过以下的 url 修改参数后得到不同款式的徽章：

https://img.shields.io/badge/{FIRST}-{SECONDARY}-%23{HEX-COLOR}.svg?&style=for-the-badge&logo={ICON}&logoColor=white

删掉 {SECONDARY} 获取更小尺寸的徽章
获取 icon{ICON} 名称和对应的颜色{HEX-COLOR} 查看这里

❤ 更多

感谢 Badges4-README.md-Profile 项目提供的灵感。

感谢 Shields Project 为这些徽章提供的服务。

关注：

Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
scripts		scripts
src		src
.editorconfig		.editorconfig
.prettierignore		.prettierignore
.prettierrc		.prettierrc
ForTheBadge.md		ForTheBadge.md
LICENSE		LICENSE
README.md		README.md
package.json		package.json

License

hawtim/badge-collection

Folders and files

Latest commit

History

Repository files navigation