Skip to content

hawtim/badge-collection

BranchesTags

Folders and files

NameName
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
 
 

Repository files navigation

badge-collection

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

code style: prettier prs

如何使用？

在 markdown 中：

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

不同的样式

默认 版本

github

ForTheBadge 版本

github

分类

📝 博客

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

示例： [![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 为这些徽章提供的服务。

关注：badge-collection

About

收集各种有意思的徽章

Topics

readme profile collection icons badge icon shield shieldsio

Resources

Readme

License

MIT license
Activity

Stars

70 stars

Watchers

4 watching

Forks

9 forks
Report repository

Languages