收集各种有意思的徽章,帮助你创建更加好看的 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 中
Badge |
Uri |
|
![Medium](https://img.shields.io/badge/Medium-12100E.svg?logo=medium&logoColor=white&style=for-the-badge) |
|
![DEV.to](https://img.shields.io/badge/DEV.TO-0A0A0A.svg?logo=dev-dot-to&logoColor=white&style=for-the-badge) |
|
![blogger](https://img.shields.io/badge/blogger-FF5722.svg?logo=blogger&logoColor=white&style=for-the-badge) |
|
![RSS](https://img.shields.io/badge/RSS-FFA500.svg?logo=rss&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Whatsapp](https://img.shields.io/badge/Whatsapp-25D366?logo=whatsapp&logoColor=white&style=for-the-badge) |
|
![Gmail](https://img.shields.io/badge/Gmail-D14836?logo=gmail&logoColor=white&style=for-the-badge) |
|
![Messenger](https://img.shields.io/badge/Messenger-00B2FF?logo=messenger&logoColor=white&style=for-the-badge) |
|
![Protonmail](https://img.shields.io/badge/Protonmail-8B89CC?logo=protonmail&logoColor=white&style=for-the-badge) |
|
![Wechat](https://img.shields.io/badge/Wechat-7BB32E?logo=wechat&logoColor=white&style=for-the-badge) |
|
![QQ](https://img.shields.io/badge/QQ-EB1923?logo=tencent-qq&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Uber Eats](https://img.shields.io/badge/Uber Eats-5FB709?logo=uber-eats&logoColor=white&style=for-the-badge) |
|
![Aiqfome](https://img.shields.io/badge/Aiqfome-7A1FA2?logo=aiqfome&logoColor=white&style=for-the-badge) |
|
![ifood](https://img.shields.io/badge/ifood-EA1D2C?logo=ifood&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Bitcoin](https://img.shields.io/badge/Bitcoin-000000.svg?logo=bitcoin&logoColor=white&style=for-the-badge) |
|
![Liberapay](https://img.shields.io/badge/Liberapay-F6C915.svg?logo=liberapay&logoColor=black&style=for-the-badge) |
|
![Paypal](https://img.shields.io/badge/Paypal-00457C.svg?logo=paypal&logoColor=white&style=for-the-badge) |
|
![Kofi](https://img.shields.io/badge/Kofi-F16061.svg?logo=ko-fi&logoColor=white&style=for-the-badge) |
|
![Patreon](https://img.shields.io/badge/Patreon-F96854.svg?logo=patreon&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Playstation](https://img.shields.io/badge/Playstation-003791.svg?logo=playstation&logoColor=white&style=for-the-badge) |
|
![xbox](https://img.shields.io/badge/xbox-107C10.svg?logo=xbox&logoColor=white&style=for-the-badge) |
|
![Switch](https://img.shields.io/badge/Switch-E60012.svg?logo=nintendo-switch&logoColor=white&style=for-the-badge) |
|
![Steam](https://img.shields.io/badge/Steam-000000.svg?logo=steam&logoColor=white&style=for-the-badge) |
|
![counter strike](https://img.shields.io/badge/counter strike-000000.svg?logo=counter-strike&style=for-the-badge) |
|
![Itch.io](https://img.shields.io/badge/Itch.io-FA5C5C.svg?logo=itch.io&logoColor=white&style=for-the-badge) |
|
![Stadia](https://img.shields.io/badge/Stadia-CD2640?logo=stadia&logoColor=white&style=for-the-badge) |
|
![Nintendo 3ds](https://img.shields.io/badge/Nintendo 3ds-D12228?logo=nintendo-3ds&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Slack](https://img.shields.io/badge/Slack-4A154B.svg?logo=slack&logoColor=white&style=for-the-badge) |
|
![Discord](https://img.shields.io/badge/Discord-7289DA.svg?logo=discord&logoColor=white&style=for-the-badge) |
|
![Telegram](https://img.shields.io/badge/Telegram-2CA5E0.svg?logo=telegram&logoColor=white&style=for-the-badge) |
|
![Zoom](https://img.shields.io/badge/Zoom-2D8CFF?logo=zoom&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Android](https://img.shields.io/badge/Android-3DDC84?logo=android&logoColor=white&style=for-the-badge) |
|
![iOS](https://img.shields.io/badge/iOS-000000?logo=ios&logoColor=white&style=for-the-badge) |
|
![windows](https://img.shields.io/badge/windows-0078D6?logo=windows&logoColor=white&style=for-the-badge) |
|
![windows 95](https://img.shields.io/badge/windows 95-008080?logo=windows-95&logoColor=white&style=for-the-badge) |
|
![windows xp](https://img.shields.io/badge/windows xp-003399?logo=windows-xp&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Python](https://img.shields.io/badge/Python-14354C.svg?logo=python&logoColor=white&style=for-the-badge) |
|
![HTML](https://img.shields.io/badge/HTML-239120.svg?logo=html5&logoColor=white&style=for-the-badge) |
|
![HTML5](https://img.shields.io/badge/HTML5-E34F26.svg?logo=html5&logoColor=white&style=for-the-badge) |
|
![CSS](https://img.shields.io/badge/CSS-239120.svg?logo=css3&logoColor=white&style=for-the-badge) |
|
![CSS3](https://img.shields.io/badge/CSS3-1572B6.svg?logo=css3&logoColor=white&style=for-the-badge) |
|
![JavaScript](https://img.shields.io/badge/JavaScript-323330.svg?logo=javascript&logoColor=F7DF1E&style=for-the-badge) |
|
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC.svg?logo=typescript&logoColor=white&style=for-the-badge) |
|
![Node](https://img.shields.io/badge/Node.js-43853D.svg?logo=node.js&logoColor=white&style=for-the-badge) |
|
![C](https://img.shields.io/badge/C-00599C.svg?logo=c&logoColor=white&style=for-the-badge) |
|
![C++](https://img.shields.io/badge/C++-00599C.svg?logo=c%2B%2B&logoColor=white&style=for-the-badge) |
|
![C#](https://img.shields.io/badge/C%23-239120.svg?logo=c-sharp&logoColor=white&style=for-the-badge) |
|
![Java](https://img.shields.io/badge/Java-ED8B00.svg?logo=java&logoColor=white&style=for-the-badge) |
|
![PHP](https://img.shields.io/badge/PHP-777BB4.svg?logo=php&logoColor=white&style=for-the-badge) |
|
![R](https://img.shields.io/badge/R-276DC3.svg?logo=r&logoColor=white&style=for-the-badge) |
|
![Swift](https://img.shields.io/badge/Swift-FA7343.svg?logo=swift&logoColor=white&style=for-the-badge) |
|
![Kotlin](https://img.shields.io/badge/Kotlin-0095D5.svg?logo=kotlin&logoColor=white&style=for-the-badge) |
|
![Go](https://img.shields.io/badge/Go-00ADD8.svg?logo=go&logoColor=white&style=for-the-badge) |
|
![Ruby](https://img.shields.io/badge/Ruby-CC342D.svg?logo=ruby&logoColor=white&style=for-the-badge) |
|
![Scala](https://img.shields.io/badge/Scala-DC322F.svg?logo=scala&logoColor=white&style=for-the-badge) |
|
![Rust](https://img.shields.io/badge/Rust-000000.svg?logo=rust&logoColor=white&style=for-the-badge) |
|
![Dart](https://img.shields.io/badge/Dart-0175C2.svg?logo=dart&logoColor=white&style=for-the-badge) |
|
![Lua](https://img.shields.io/badge/Lua-2C2D72.svg?logo=lua&logoColor=white&style=for-the-badge) |
|
![Perl](https://img.shields.io/badge/Perl-39457E.svg?logo=perl&logoColor=white&style=for-the-badge) |
|
![Flutter](https://img.shields.io/badge/Flutter-02569B.svg?logo=flutter&logoColor=white&style=for-the-badge) |
|
![Shell_script](https://img.shields.io/badge/Shell_script-121011.svg?logo=gnu-bash&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![React](https://img.shields.io/badge/React-20232a.svg?logo=react&logoColor=61DAFB&style=for-the-badge) |
|
![Redux](https://img.shields.io/badge/Redux-593d88.svg?logo=redux&logoColor=white&style=for-the-badge) |
|
![React_Native](https://img.shields.io/badge/React_Native-20232a.svg?logo=react&logoColor=61DAFB&style=for-the-badge) |
|
![VueJS](https://img.shields.io/badge/Vue.js-35495e.svg?logo=vue.js&logoColor=4FC08D&style=for-the-badge) |
|
![Angular](https://img.shields.io/badge/Angular.js-E23237.svg?logo=angularjs&logoColor=white&style=for-the-badge) |
|
![Material](https://img.shields.io/badge/Material ui-0081CB.svg?logo=material-ui&logoColor=white&style=for-the-badge) |
|
![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C.svg?logo=bootstrap&logoColor=white&style=for-the-badge) |
|
![jQuery](https://img.shields.io/badge/jQuery-0769AD.svg?logo=jquery&logoColor=white&style=for-the-badge) |
|
![tailwindcss](https://img.shields.io/badge/tailwindcss-38B2AC.svg?logo=tailwind-css&logoColor=white&style=for-the-badge) |
|
![Django](https://img.shields.io/badge/Django-092E20.svg?logo=django&logoColor=white&style=for-the-badge) |
|
![Rails](https://img.shields.io/badge/Rails-CC0000.svg?logo=ruby-on-rails&logoColor=white&style=for-the-badge) |
|
![Laravel](https://img.shields.io/badge/Laravel-FF2D20.svg?logo=laravel&logoColor=white&style=for-the-badge) |
|
![Spring](https://img.shields.io/badge/Spring-6DB33F.svg?logo=spring&logoColor=white&style=for-the-badge) |
|
![Flask](https://img.shields.io/badge/Flask-000.svg?logo=flask&logoColor=white&style=for-the-badge) |
|
![Sencha](https://img.shields.io/badge/Sencha-86BC40?logo=sencha&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![IntelliJ](https://img.shields.io/badge/IntelliJ IDEA-black?logo=intellij-idea&logoColor=white&style=for-the-badge) |
|
![Eclipse](https://img.shields.io/badge/Eclipse-2C2255?logo=eclipse&logoColor=white&style=for-the-badge) |
|
![VSCode](https://img.shields.io/badge/VSCode-007ACC?logo=visual-studio-code&logoColor=white&style=for-the-badge) |
|
![Markdown](https://img.shields.io/badge/Markdown-000000.svg?logo=markdown&logoColor=white&style=for-the-badge) |
|
![Docker](https://img.shields.io/badge/Docker-2496ED?logo=docker&logoColor=white&style=for-the-badge) |
|
![BitBucket](https://img.shields.io/badge/BitBucket-darkblue?logo=bitbucket&style=for-the-badge) |
|
![Git](https://img.shields.io/badge/Git-black?logo=git&style=for-the-badge) |
|
![gitlab](https://img.shields.io/badge/Gitlab-330f63.svg?logo=gitlab&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![xamarin forms](https://img.shields.io/badge/xamarin forms-3498DB.svg?logo=xamarin&logoColor=white&style=for-the-badge) |
|
![Elixir](https://img.shields.io/badge/Elixir-4B275F.svg?logo=elixir&logoColor=white&style=for-the-badge) |
|
![Unity](https://img.shields.io/badge/Unity-100000.svg?logo=unity&logoColor=white&style=for-the-badge) |
|
![Sap](https://img.shields.io/badge/Sap-0FAAFF?logo=sap&logoColor=white&style=for-the-badge) |
|
![Vercel](https://img.shields.io/badge/Vercel-333?logo=vercel&style=for-the-badge) |
|
![Ionic](https://img.shields.io/badge/Ionic-3880FF?logo=ionic&logoColor=white&style=for-the-badge) |
|
![NestJS](https://img.shields.io/badge/NestJS-E0234E?logo=nestjs&logoColor=white&style=for-the-badge) |
|
![Firebase](https://img.shields.io/badge/Firebase-FFCA28?logo=firebase&logoColor=white&style=for-the-badge) |
|
![JIRA](https://img.shields.io/badge/JIRA-0052CC?logo=jira&style=for-the-badge) |
|
![JFrog](https://img.shields.io/badge/JFrog-41BF47?logo=jfrog&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Sketch](https://img.shields.io/badge/Sketch-333?logo=sketch&style=for-the-badge) |
Badge |
Uri |
|
![Adobe Photoshop](https://img.shields.io/badge/Adobe Photoshop-31A8FF?logo=Adobe-Photoshop&logoColor=white&style=for-the-badge) |
|
![Adobe Premiere Pro](https://img.shields.io/badge/Adobe Premiere Pro-EA77FF?logo=Adobe-Premiere-Pro&logoColor=white&style=for-the-badge) |
|
![Adobe Dreamweaver](https://img.shields.io/badge/Adobe Dreamweaver-FF61F6?logo=Adobe-Dreamweaver&logoColor=white&style=for-the-badge) |
|
![Adobe XD](https://img.shields.io/badge/Adobe XD-FF26BE?logo=Adobe-XD&logoColor=white&style=for-the-badge) |
|
![Adobe InDesign](https://img.shields.io/badge/Adobe InDesign-EE3D8F?logo=Adobe-InDesign&logoColor=white&style=for-the-badge) |
|
![Adobe Creative Cloud](https://img.shields.io/badge/Adobe Creative Cloud-DA1F26?logo=Adobe-Creative-Cloud&logoColor=white&style=for-the-badge) |
|
![Adobe Acrobat Reader](https://img.shields.io/badge/Adobe Acrobat Reader-EC1C24?logo=Adobe-Acrobat-Reader&logoColor=white&style=for-the-badge) |
|
![Adobe](https://img.shields.io/badge/Adobe-FF0000?logo=Adobe&logoColor=white&style=for-the-badge) |
|
![Adobe Illustrator](https://img.shields.io/badge/Adobe Illustrator-FF9A00?logo=Adobe-Illustrator&logoColor=white&style=for-the-badge) |
|
![Adobe PhoneGap](https://img.shields.io/badge/Adobe PhoneGap-27A1C5?logo=Adobe-PhoneGap&logoColor=white&style=for-the-badge) |
|
![Adobe Lightroom CC](https://img.shields.io/badge/Adobe Lightroom CC-31A8FF?logo=Adobe-Lightroom-CC&logoColor=white&style=for-the-badge) |
|
![Adobe Lightroom Classic](https://img.shields.io/badge/Adobe Lightroom Classic-31A8FF?logo=Adobe-Lightroom-Classic&logoColor=white&style=for-the-badge) |
|
![Adobe After Effects](https://img.shields.io/badge/Adobe After Effects-9999FF?logo=Adobe-After-Effects&logoColor=white&style=for-the-badge) |
|
![Adobe Audition](https://img.shields.io/badge/Adobe Audition-9999FF?logo=Adobe-Audition&logoColor=white&style=for-the-badge) |
|
![Adobe Fonts](https://img.shields.io/badge/Adobe Fonts-323232?logo=Adobe-Fonts&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Google Cloud](https://img.shields.io/badge/Google Cloud-4285F4?logo=google-cloud&logoColor=white&style=for-the-badge) |
|
![Amazon AWS](https://img.shields.io/badge/Amazon AWS-232F3E?logo=amazon-aws&logoColor=white&style=for-the-badge) |
|
![Microsoft Azure](https://img.shields.io/badge/Microsoft Azure-0089D6?logo=microsoft-azure&logoColor=white&style=for-the-badge) |
|
![Oracle Cloud](https://img.shields.io/badge/Oracle Cloud-F80000?logo=oracle&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![mysql](https://img.shields.io/badge/mysql-00000f.svg?logo=mysql&logoColor=white&style=for-the-badge) |
|
![MongoDB](https://img.shields.io/badge/MongoDB-4ea94b.svg?logo=mongodb&logoColor=white&style=for-the-badge) |
|
![sqlite](https://img.shields.io/badge/sqlite-07405e.svg?logo=sqlite&logoColor=white&style=for-the-badge) |
|
![postgres](https://img.shields.io/badge/postgres-316192.svg?logo=postgresql&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Microsoft Teams](https://img.shields.io/badge/Microsoft Teams-6264A7?logo=microsoft-teams&logoColor=white&style=for-the-badge) |
|
![Microsoft Outlook](https://img.shields.io/badge/Microsoft Outlook-0078D4?logo=microsoft-outlook&logoColor=white&style=for-the-badge) |
|
![Microsoft Excel](https://img.shields.io/badge/Microsoft Excel-217346?logo=microsoft-excel&logoColor=white&style=for-the-badge) |
|
![Microsoft PowerPoint](https://img.shields.io/badge/Microsoft PowerPoint-B7472A?logo=microsoft-powerpoint&logoColor=white&style=for-the-badge) |
|
![Microsoft Access](https://img.shields.io/badge/Microsoft Access-A4373A?logo=microsoft-access&logoColor=white&style=for-the-badge) |
|
![Microsoft SQL](https://img.shields.io/badge/Microsoft SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white&style=for-the-badge) |
|
![Microsoft Office](https://img.shields.io/badge/Microsoft Office-D83B01?logo=microsoft-office&logoColor=white&style=for-the-badge) |
|
![Microsoft SharePoint](https://img.shields.io/badge/Microsoft SharePoint-0078D4?logo=microsoft-sharepoint&logoColor=white&style=for-the-badge) |
|
![Microsoft Word](https://img.shields.io/badge/Microsoft Word-2B579A?logo=microsoft-word&logoColor=white&style=for-the-badge) |
|
![Microsoft Visio](https://img.shields.io/badge/Microsoft Visio-3955A3?logo=microsoft-visio&logoColor=white&style=for-the-badge) |
|
![Microsoft SQL Server](https://img.shields.io/badge/SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white&style=for-the-badge) |
|
![Microsoft](https://img.shields.io/badge/Microsoft-666666?logo=microsoft&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Facebook](https://img.shields.io/badge/Facebook-1877F2.svg?logo=facebook&logoColor=white&style=for-the-badge) |
|
![Instagram](https://img.shields.io/badge/Instagram-E4405F.svg?logo=instagram&logoColor=white&style=for-the-badge) |
|
![Twitter](https://img.shields.io/badge/Twitter-1DA1F2.svg?logo=twitter&logoColor=white&style=for-the-badge) |
|
![Linkedin](https://img.shields.io/badge/Linkedin-0077B5.svg?logo=linkedin&logoColor=white&style=for-the-badge) |
|
![Github](https://img.shields.io/badge/Github-100000.svg?logo=github&logoColor=white&style=for-the-badge) |
|
![Reddit](https://img.shields.io/badge/Reddit-FF4500.svg?logo=reddit&logoColor=white&style=for-the-badge) |
|
![Tiktok](https://img.shields.io/badge/Tiktok-000000.svg?logo=tiktok&style=for-the-badge) |
|
![XDA](https://img.shields.io/badge/XDA developers-F59812?logo=xda-developers&logoColor=white&style=for-the-badge) |
|
![Stack](https://img.shields.io/badge/Stack overflow-FE7A16?logo=stack-overflow&logoColor=white&style=for-the-badge) |
|
![Twitch](https://img.shields.io/badge/Twitch-blueviolet?logo=Twitch&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![spotify](https://img.shields.io/badge/spotify-1ED760.svg?logo=spotify&logoColor=white&style=for-the-badge) |
|
![deezer](https://img.shields.io/badge/deezer-FEAA2D.svg?logo=deezer&logoColor=white&style=for-the-badge) |
|
![audacity](https://img.shields.io/badge/audacity-0000CC.svg?logo=audacity&logoColor=white&style=for-the-badge) |
|
![apple podcasts](https://img.shields.io/badge/apple podcasts-9933CC?logo=apple-podcasts&logoColor=white&style=for-the-badge) |
|
![google podcasts](https://img.shields.io/badge/google podcasts-4285F4?logo=google-podcasts&logoColor=white&style=for-the-badge) |
|
![youtube music](https://img.shields.io/badge/youtube music-FF0000?logo=youtube-music&logoColor=white&style=for-the-badge) |
|
![apple music](https://img.shields.io/badge/apple music-000?logo=apple-music&logoColor=white&style=for-the-badge) |
|
![soundcloud](https://img.shields.io/badge/soundcloud-FF3300?logo=soundcloud&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Google Play](https://img.shields.io/badge/Google Play-414141?logo=google-play&logoColor=white&style=for-the-badge) |
|
![App Store](https://img.shields.io/badge/App Store-0D96F6?logo=app-store&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![Youtube](https://img.shields.io/badge/Youtube gaming-FF0000?logo=youtube-gaming&logoColor=white&style=for-the-badge) |
|
![Twitch](https://img.shields.io/badge/Twitch-9146FF.svg?logo=twitch&logoColor=white&style=for-the-badge) |
|
![Facebook](https://img.shields.io/badge/Facebook gaming-005FED?logo=facebook-gaming&logoColor=white&style=for-the-badge) |
|
![Crunchyroll](https://img.shields.io/badge/Crunchyroll-F47521?logo=Crunchyroll&logoColor=white&style=for-the-badge) |
|
![Netflix](https://img.shields.io/badge/Netflix-E50914?logo=netflix&logoColor=white&style=for-the-badge) |
Badge |
Uri |
|
![nvidia-gtx2080](https://img.shields.io/badge/nvidia-gtx2080-76B900.svg?logo=nvidia&logoColor=white&style=for-the-badge) |
|
![amd-Radeon RX 5500](https://img.shields.io/badge/amd-Radeon RX 5500-ED1C24.svg?logo=amd&logoColor=white&style=for-the-badge) |
|
![intel-core i7 10th](https://img.shields.io/badge/intel-core i7 10th-0071C5.svg?logo=intel&logoColor=white&style=for-the-badge) |
|
![amd-Ryzen 7 3800X](https://img.shields.io/badge/amd-Ryzen 7 3800X-ED1C24.svg?logo=amd&logoColor=white&style=for-the-badge) |
|
![windows-asus zenbook 3](https://img.shields.io/badge/windows-asus zenbook 3-0078D6.svg?logo=windows&logoColor=white&style=for-the-badge) |
|
![apple-mbp 2020](https://img.shields.io/badge/apple-mbp 2020-999999.svg?logo=apple&logoColor=white&style=for-the-badge) |
示例:
[![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 为这些徽章提供的服务。
关注: