Cozy Badges for you

A curated collection of simple, rounded, and beautiful vector (SVG) badges to decorate your GitHub profiles, portfolios, and project READMEs. This is a hobbyist project created to gather and share aesthetic badges for various technologies for free.

Better view and create custom badge: Figma

---

🚀 How to Use These Badges

You can use these badges directly via jsDelivr CDN or GitHub Raw. Simply copy the code of your choice from the gallery table below (or download it 😉).

Method 1: Markdown Link (For GitHub READMEs)

![Badge Name](https://cdn.jsdelivr.net/gh/yamilayma/cozy-badges@main/svg/technology_name.svg)

Method 2: HTML Code (For size and alignment control)

<img src="https://cdn.jsdelivr.net/gh/yamilayma/cozy-badges@main/svg/technology_name.svg" alt="Name" height="32" />

Tip

It is highly recommended to use the jsDelivr CDN instead of GitHub Raw for production, as it provides global CDN caching and compression for ultra-fast loading.

Method 3: AI Prompt (Automatic & Simple)

If you are using an AI assistant (like ChatGPT, Claude, Gemini, or Cursor) to maintain your README or portfolio, you can copy-paste the prompt below to let the AI automatically find and apply your badges:

Please check the technologies listed in my profile/project and replace my current badges with the ones from the "Cozy Badges" repository. 

Use this CDN template for the badges (using the lowercase technology name, e.g., "react", "tailwindcss", "html5", "vscode"):
![Tech Name](https://cdn.jsdelivr.net/gh/yamilayma/cozy-badges@main/svg/tech_name.svg)

If I am using HTML for custom sizing, use this template instead:
<img src="https://cdn.jsdelivr.net/gh/yamilayma/cozy-badges@main/svg/tech_name.svg" alt="Tech Name" height="32" />

---

📂 Gallery of Available Badges

Below is the list of all available badges. This table is auto-generated alphabetically by a Node.js script based on the SVG files in the repository.

Badge	Technology	Usage Links
	Android	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/android.svg" alt="Android" width="150" />
	Apple	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/apple.svg" alt="Apple" width="150" />
	Artificial Intelligence	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/artificial-intelligence.svg" alt="Artificial Intelligence" width="150" />
	Assembly	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/assembly.svg" alt="Assembly" width="150" />
	Astro	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/astro.svg" alt="Astro" width="150" />
	Auth0	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/auth0.svg" alt="Auth0" width="150" />
	AWS	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/aws.svg" alt="AWS" width="150" />
	Azure	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/azure.svg" alt="Azure" width="150" />
	Bash	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/bash.svg" alt="Bash" width="150" />
	Bootstrap	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/bootstrap.svg" alt="Bootstrap" width="150" />
	Bun	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/bun.svg" alt="Bun" width="150" />
	C#	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/csharp.svg" alt="C#" width="150" />
	C++	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/cpp.svg" alt="C++" width="150" />
	Claude	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/claude.svg" alt="Claude" width="150" />
	Clojure	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/clojure.svg" alt="Clojure" width="150" />
	Confluence	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/confluence.svg" alt="Confluence" width="150" />
	CSS3	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/css3.svg" alt="CSS3" width="150" />
	Dart	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/dart.svg" alt="Dart" width="150" />
	Data Science	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/data-science.svg" alt="Data Science" width="150" />
	Deno	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/deno.svg" alt="Deno" width="150" />
	Docker	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/docker.svg" alt="Docker" width="150" />
	Electron	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/electron.svg" alt="Electron" width="150" />
	Ethereum	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/ethereum.svg" alt="Ethereum" width="150" />
	Express	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/express.svg" alt="Express" width="150" />
	Fastapi	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/fastapi.svg" alt="Fastapi" width="150" />
	Figma	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/figma.svg" alt="Figma" width="150" />
	Firebase	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/firebase.svg" alt="Firebase" width="150" />
	Flutter	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/flutter.svg" alt="Flutter" width="150" />
	GitHub	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/github.svg" alt="GitHub" width="150" />
	Github Actions	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/github-actions.svg" alt="Github Actions" width="150" />
	GitLab	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/gitlab.svg" alt="GitLab" width="150" />
	Go	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/go.svg" alt="Go" width="150" />
	GraphQL	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/graphql.svg" alt="GraphQL" width="150" />
	Haskell	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/haskell.svg" alt="Haskell" width="150" />
	Homebrew	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/homebrew.svg" alt="Homebrew" width="150" />
	HTML5	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/html5.svg" alt="HTML5" width="150" />
	Hugging Face	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/huggingface.svg" alt="Hugging Face" width="150" />
	Java	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/java.svg" alt="Java" width="150" />
	JavaScript	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/javascript.svg" alt="JavaScript" width="150" />
	Jenkins	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/jenkins.svg" alt="Jenkins" width="150" />
	Jira	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/jira.svg" alt="Jira" width="150" />
	Jupyter Notebook	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/jupyter-notebook.svg" alt="Jupyter Notebook" width="150" />
	Kotlin	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/kotlin.svg" alt="Kotlin" width="150" />
	Kubernetes	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/kubernetes.svg" alt="Kubernetes" width="150" />
	Linux	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/linux.svg" alt="Linux" width="150" />
	Lua	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/lua.svg" alt="Lua" width="150" />
	Machine Learning	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/machine-learning.svg" alt="Machine Learning" width="150" />
	Make	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/make.svg" alt="Make" width="150" />
	Markdown	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/markdown.svg" alt="Markdown" width="150" />
	MongoDB	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/mongodb.svg" alt="MongoDB" width="150" />
	Mui	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/mui.svg" alt="Mui" width="150" />
	MySQL	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/mysql.svg" alt="MySQL" width="150" />
	N8n	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/n8n.svg" alt="N8n" width="150" />
	Nano Banana	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nano-banana.svg" alt="Nano Banana" width="150" />
	NestJS	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nestjs.svg" alt="NestJS" width="150" />
	Netlify	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/netlify.svg" alt="Netlify" width="150" />
	Next.js	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nextjs.svg" alt="Next.js" width="150" />
	Nginx	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nginx.svg" alt="Nginx" width="150" />
	Node.js	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nodejs.svg" alt="Node.js" width="150" />
	Notion	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/notion.svg" alt="Notion" width="150" />
	Npm	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/npm.svg" alt="Npm" width="150" />
	Nuxt	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nuxt.svg" alt="Nuxt" width="150" />
	OpenAI	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/openai.svg" alt="OpenAI" width="150" />
	Php	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/php.svg" alt="Php" width="150" />
	Pnpm	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/pnpm.svg" alt="Pnpm" width="150" />
	PostgreSQL	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/postgresql.svg" alt="PostgreSQL" width="150" />
	Postman	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/postman.svg" alt="Postman" width="150" />
	Powershell	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/powershell.svg" alt="Powershell" width="150" />
	Prisma	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/prisma.svg" alt="Prisma" width="150" />
	Python	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/python.svg" alt="Python" width="150" />
	R	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/r.svg" alt="R" width="150" />
	React	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/react.svg" alt="React" width="150" />
	Redis	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/redis.svg" alt="Redis" width="150" />
	Ruby	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/ruby.svg" alt="Ruby" width="150" />
	Rust	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/rust.svg" alt="Rust" width="150" />
	Semanticui	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/semanticui.svg" alt="Semanticui" width="150" />
	Solidity	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/solidity.svg" alt="Solidity" width="150" />
	Sonarqube	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/sonarqube.svg" alt="Sonarqube" width="150" />
	Sql	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/sql.svg" alt="Sql" width="150" />
	SQLite	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/sqlite.svg" alt="SQLite" width="150" />
	Supabase	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/supabase.svg" alt="Supabase" width="150" />
	Svelte	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/svelte.svg" alt="Svelte" width="150" />
	Swagger	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/swagger.svg" alt="Swagger" width="150" />
	Swift	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/swift.svg" alt="Swift" width="150" />
	TailwindCSS	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/tailwindcss.svg" alt="TailwindCSS" width="150" />
	Telegram	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/telegram.svg" alt="Telegram" width="150" />
	Tensorflow	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/tensorflow.svg" alt="Tensorflow" width="150" />
	TypeScript	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/typescript.svg" alt="TypeScript" width="150" />
	Unreal Engine	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/unreal-engine.svg" alt="Unreal Engine" width="150" />
	Vercel	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/vercel.svg" alt="Vercel" width="150" />
	Vite	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/vite.svg" alt="Vite" width="150" />
	VS Code	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/vscode.svg" alt="VS Code" width="150" />
	Vue.js	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/vue.svg" alt="Vue.js" width="150" />
	Webassembly	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/webassembly.svg" alt="Webassembly" width="150" />
	Webpack	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/webpack.svg" alt="Webpack" width="150" />
	Whatsapp	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/whatsapp.svg" alt="Whatsapp" width="150" />
	Yarn	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/yarn.svg" alt="Yarn" width="150" />

---

🤝 Contributions and Local Development

If you'd like to collaborate by adding new technology badges or want to know how to run the local SVG optimization pipeline with Node.js, please check out our Contributing Guide (CONTRIBUTING.md).

There you'll find the design guidelines for Figma and instructions on how to compile the repository locally.

---

📄 License

This project is licensed under the MIT License for the pipeline code, and the aesthetic badges are licensed under Creative Commons Attribution 4.0 International (CC BY 4.0). This means you can freely use them in personal or commercial projects, as long as you attribute them back to the original repository.