Cette page est affichée en anglais. Une traduction française est en cours.
ConfigsJul 2, 2026·3 min de lecture

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.

Prêt pour agents

Installation agent prête

Cet actif peut être installé après choix du runtime, vérification du plan et exécution de la commande adaptée.

Native · 98/100Policy : autoriser
Surface agent
Tout agent MCP/CLI
Type
Skill
Installation
Single
Confiance
Confiance : Established
Point d'entrée
Simple Icons
Commande d'installation directe
npx -y tokrepo@latest install 2cfc6f83-75ce-11f1-9bc6-00163e2b0d79 --target codex

À exécuter après confirmation du plan en 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

Fil de discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires