Esta página se muestra en inglés. Una traducción al español está en curso.
ConfigsJul 2, 2026·3 min de lectura

Simple Icons — Free SVG Icons for Popular Brands

A collection of over 3000 free SVG icons for popular brands maintained by the open-source community with consistent styling and accessibility.

Listo para agents

Instalación lista para agent

Este activo puede instalarse después de elegir el runtime, revisar el plan y ejecutar el comando correspondiente.

Native · 98/100Política: permitir
Superficie agent
Cualquier agent MCP/CLI
Tipo
Skill
Instalación
Single
Confianza
Confianza: Established
Entrada
Simple Icons
Comando de instalación directa
npx -y tokrepo@latest install 2cfc6f83-75ce-11f1-9bc6-00163e2b0d79 --target codex

Ejecutar después de confirmar el plan con dry-run.

Introduction

Simple Icons provides free SVG icons for thousands of popular brands and projects. Every icon follows a consistent 24x24 viewBox standard and ships with the official brand color, making it easy to build polished UIs without hunting for individual logos.

What Simple Icons Does

  • Supplies over 3000 SVG icons for brands, services, and open-source projects
  • Includes the official hex color for each brand alongside the icon
  • Ships as an npm package, CDN resource, and downloadable SVG archive
  • Provides a searchable website for browsing and copying icons instantly
  • Offers first-party integrations for React, Vue, and other frameworks via community wrappers

Architecture Overview

The project stores each icon as a JSON entry with title, slug, hex color, source URL, and SVG path data. A build pipeline generates optimized SVG files, an npm package with named exports per icon, and a static website. Icons are normalized to a 24x24 pixel grid and stripped of unnecessary metadata for minimal file size.

Self-Hosting & Configuration

  • Install the npm package for programmatic access to all icons
  • Use the CDN at cdn.simpleicons.org for direct SVG URLs by slug
  • Download the full icon set as a ZIP from the GitHub releases page
  • Reference icons by slug in framework wrappers like react-simple-icons
  • Contribute new icons via pull request following the project guidelines

Key Features

  • Consistent 24x24 SVG format across all icons for uniform rendering
  • Official brand colors included as hex values for each icon
  • Zero dependencies and small per-icon bundle size with tree shaking
  • Community-maintained with regular additions and updates
  • Licensed under CC0 for unrestricted use in any project

Comparison with Similar Tools

  • Lucide — general-purpose UI icons; Simple Icons focuses on brand logos
  • Font Awesome — includes brand icons but requires a larger library import
  • Heroicons — Tailwind-aligned UI icons with no brand coverage
  • Feather Icons — minimal UI icon set; Simple Icons covers logos only
  • Iconify — aggregator of many icon sets; Simple Icons is a single curated source

FAQ

Q: Are these icons free for commercial use? A: Yes. They are released under CC0 1.0 Universal, placing them in the public domain.

Q: How do I request a new icon? A: Open an issue on GitHub with the brand name, official source, and SVG path data following the contribution guidelines.

Q: Can I change the icon color? A: Yes. The SVGs use currentColor or a single fill, so you can override the color with CSS or inline attributes.

Q: How often are new icons added? A: The community merges new icons regularly, often multiple times per week.

Sources

Discusión

Inicia sesión para unirte a la discusión.
Aún no hay comentarios. Sé el primero en compartir tus ideas.

Activos relacionados