Simple Icons
Over 3,000 single-color SVG brand icons with official hex colors, for UI use (e.g. ‘Sign in with…’ buttons, integrations lists). Tip: CC0 covers the SVG files, not the trademarks: always follow each brand’s own guidelines.
Summary
Over 3,000 single-color SVG brand icons with official hex colors, for UI use (e.g. ‘Sign in with…’ buttons, integrations lists). Tip: CC0 covers the SVG files, not the trademarks: always follow each brand’s own guidelines.
What it is
An open collection of brand icons/logos under a permissive license, with each brand’s own trademark rules still applying.
Who it’s for
Developers adding third-party brand icons (e.g. social or sign-in buttons).
Key takeaways
- Captured simpleicons.org: a dense card grid of brand icons, each card tinted with that brand’s color; neutral chrome around it.
- Color: monochrome light theme; dominant colors #FFFFFF, #5C3C4E, #B8B1A7 (ESTIMATED from our capture).
- Layout: card grid pattern, utilitarian, data-dense mood.
Best practices to borrow
- Keep chrome neutral and let content carry color.
- Use a uniform card grid with consistent thumbnails and minimal text per card; put filters above.
- Use each brand icon in its official color or monochrome, and follow that brand’s guidelines.
Palette preview
Link-only entry: no third-party images are reproduced; the hero above is our own palette render. Open the source for visuals.
Dominant palette from our captures
Measured by us from our screenshot(s) of https://simpleicons.org (median-cut quantization; share = % of pixels). Approximate and not official.
Layout pattern: Card grid
Observed by us on the captured page(s). See all entries by layout.
How to apply it: Use a uniform card grid with consistent thumbnails and minimal text per card; put filters above.
Other entries with this layout: Fontshare, Logobook, Dribbble · logo tag, Behance · logo projects, Airbnb, Boring Avatars, Storyset.
Our analysis
Captured simpleicons.org: a dense card grid of brand icons, each card tinted with that brand’s color; neutral chrome around it.
Similar to this
Ranked by shared color theme, layout, category, type and mood tags.
DESIGN.md for AI coding agents
Copy this into your repo or agent context. OFFICIAL and ESTIMATED values are labelled.
# DESIGN.md · Simple Icons (LG-009) > Written for AI coding agents. Values marked **OFFICIAL** come from the documented source named below; values marked **ESTIMATED** were measured by us from our own screenshots and are approximate. Never treat ESTIMATED values as official brand tokens. ## Overview - Type: Open Brand Assets · Category: H. Logos and Brand Identity - Platforms: Web - Color theme: Monochrome light · Layout pattern: Card grid · Mood: Utilitarian, data-dense - License / terms: CC0-1.0 (SVG data); brand logos remain their owners’ trademarks (see the project DISCLAIMER) Over 3,000 single-color SVG brand icons with official hex colors, for UI use (e.g. ‘Sign in with…’ buttons, integrations lists). Tip: CC0 covers the SVG files, not the trademarks: always follow each brand’s own guidelines. ### Analysis (ours) Captured simpleicons.org: a dense card grid of brand icons, each card tinted with that brand’s color; neutral chrome around it. ## Color tokens No official color tokens documented for this entry. ESTIMATED · dominant colors measured from our screenshot(s) of the source site (median-cut quantization; share = % of pixels). Approximate, not official: - `#FFFFFF` ~43% - `#5C3C4E` ~5% - `#B8B1A7` ~5% - `#E5E6E6` ~3% ## Typography No official type scale documented for this entry; use the product’s own typography guidance. ## Spacing, radii, shadows Not documented for this entry. Do not invent values; derive from your own design system. ## Components No component inventory documented for this entry. ## Layout rules - Observed layout pattern: **Card grid** (from our captures). ## Do’s and don’ts - Do: Keep chrome neutral and let content (images, icons, type) carry color. - Don’t: Don’t introduce decorative color that competes with content. - Do: follow the source’s license/terms listed above. - Don’t: present ESTIMATED colors as official tokens. ## Sources - https://simpleicons.org - Library entry: https://design-library-byt.pages.dev/entry/LG-009