# 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.

## Install

Save in your project root:

# Simple Icons

## Quick Use
```bash
npm install simple-icons
```
```js
import { siGithub } from 'simple-icons/icons';
// siGithub.svg contains the raw SVG string
// siGithub.hex contains the brand color
```

## 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
- https://github.com/simple-icons/simple-icons
- https://simpleicons.org

---
Source: https://tokrepo.com/en/workflows/asset-2cfc6f83
Author: AI Open Source