Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hawtim/badge-collection

收集各种有意思的徽章
https://github.com/hawtim/badge-collection

badge collection icon icons profile readme shield shieldsio

Last synced: 16 days ago
JSON representation

收集各种有意思的徽章

Awesome Lists containing this project

README

        

# badge-collection

收集各种有意思的徽章,帮助你创建更加好看的 `README.md`,查看我的[示例](https://github.com/hawtim/hawtim),欢迎 PR!

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
![prs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)

## 如何使用?

在 markdown 中:

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

## 不同的样式

### [默认](https://github.com/hawtim/badge-collection/blob/main/README.md) 版本
![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white)

### [ForTheBadge](https://github.com/hawtim/badge-collection/blob/main/ForTheBadge.md) 版本
![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white&style=for-the-badge)

## 分类

- [📱 联系方式](#-联系方式)
- [🤝 群组会议](#-群组会议)
- [🌐 社交媒体](#-社交媒体)
- [🛒 App商店](#-App商店)
- [💻 操作系统](#-操作系统)
- [📝 博客](#-博客)
- [🎞 流媒体](#-流媒体)
- [🚀 技能](#-技能)
- [💻 工作配置](#-工作配置)
- [🎮 游戏](#-游戏)
- [❤️ 赞助支持](#-赞助支持)
- [🎶 音乐](#-音乐)
- [🍔 食物](#-食物)

## 📝 博客

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?&logo=github&logoColor=white&style=for-the-badge)](https://github.com/hawtim)

示例:
`[![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} [查看这里](https://simpleicons.org/)

## ❤ 更多

感谢 [Badges4-README.md-Profile](https://github.com/alexandresanlim/Badges4-README.md-Profile) 项目提供的灵感。

感谢 [Shields Project](https://github.com/badges/shields) 为这些徽章提供的服务。

关注:[![badge-collection](https://img.shields.io/github/followers/hawtim?label=GitHub&style=social)](https://github.com/hawtim)