Cozy Badges

Tecnologías

Descripción

¿Qué es Cozy Badges?

Si visitas perfiles de desarrolladores o repositorios en GitHub, es muy común encontrar distintivos informativos y técnicos creados con herramientas clásicas y extraordinarias como Shields.io, las cuales se han convertido en el estándar de la industria y una gran fuente de inspiración por su versatilidad. Por ejemplo, distintivos tradicionales y precisos como estos:

Inspirado por el gran trabajo de estas plataformas tradicionales, decidí diseñar Cozy Badges: una alternativa estética con un enfoque diferente. En lugar de bordes rectos y colores fríos o sobrios, Cozy Badges introduce distintivos con esquinas muy redondeadas (estilo píldora), una paleta de colores pastel y vibrantes cuidadosamente calibrada, y una tipografía más suave. Esto le da a tu portafolio o README un ambiente más amigable, cálido y acogedor (“cozy”).

¡Ambos estilos son fantásticos y se complementan perfectamente para dar variedad y personalidad al ecosistema de perfiles de desarrollo!

---

Una colección curada de distintivos vectoriales (SVG) simples, redondeados y hermosos para decorar tus perfiles de GitHub, portafolios y READMEs de proyectos. Este es un proyecto de pasatiempo creado para recopilar y compartir insignias estéticas de diversas tecnologías de forma gratuita.

Puedes verlas mejor y diseñar distintivos personalizados en la plantilla pública de Figma.

---

🚀 Cómo usar estos distintivos

Puedes utilizar estas insignias directamente a través de jsDelivr CDN o GitHub Raw. Simplemente copia el código de tu elección del catálogo a continuación.

Método 1: Enlace Markdown (Para READMEs de GitHub)

![Nombre de la Insignia](https://cdn.jsdelivr.net/gh/yamilayma/cozy-badges@main/svg/nombre_tecnologia.svg)

Método 2: Código HTML (Para control de tamaño y alineación)

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

[!TIP] Se recomienda encarecidamente utilizar el CDN de jsDelivr en lugar de GitHub Raw para producción, ya que proporciona almacenamiento en caché global y compresión para una carga ultra rápida.

---

📂 Galería de Insignias Iniciales

A continuación se presenta la lista de todas las insignias disponibles. Esta tabla se genera alfabéticamente a partir de los archivos SVG en el repositorio.

Badge	Technology	Usage Links
	Android	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/android.svg" alt="Android" 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" />
	AWS	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/aws.svg" alt="AWS" 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" />
	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" />
	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" />
	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" />
	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" />
	Haskell	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/haskell.svg" alt="Haskell" 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" />
	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" />
	Lua	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/lua.svg" alt="Lua" 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" />
	NestJS	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nestjs.svg" alt="NestJS" width="150" />
	Next.js	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/nextjs.svg" alt="Next.js" 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" />
	PostgreSQL	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/postgresql.svg" alt="PostgreSQL" 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" />
	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" />
	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" />
	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" />
	Vercel	Markdown:  HTML: <img src="https://raw.githubusercontent.com/yamilayma/cozy-badges/main/svg/vercel.svg" alt="Vercel" 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" />

---

🤝 Contribuciones y Desarrollo Local

Si deseas colaborar agregando nuevas insignias de tecnología o quieres saber cómo ejecutar la optimización local de SVG, consulta nuestra Guía de Contribución (CONTRIBUTING.md).

Allí encontrarás las pautas de diseño para Figma e instrucciones sobre cómo compilar el repositorio de Cozy Badges localmente.

---

📄 Licencia

Este proyecto está bajo la Licencia MIT para el código del pipeline, y los distintivos visuales están bajo la licencia Creative Commons Attribution 4.0 International (CC BY 4.0). Esto significa que puedes usarlos libremente en tus proyectos personales o comerciales, siempre que atribuyas la autoría al repositorio original.