Toggle menu
theSVG ColorIcons
Browse 5133 free theSVG Color multi-color icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by thesvg.org.
Most popular theSVG Color icons
What visitors download and copy most from this pack, last 30 days
- 1
whatsapp
- 2
instagram
- 3
youtube
- 4
gemini
- 5
google
- 6
pdf
- 7
openai-chatgpt
- 8
facebook
- 9
microsoft
- 10
canva
- 11
css
- 12
gmail-2026
- 13
telegram
- 14
gmail
- 15
linkedin
- 16
microsoft-word
- 17
tailwind-css
- 18
kimi
- 19
microsoft-outlook
Recently added in theSVG Color
229 icons added on 19 October 2026. See every pack's latest additions
2fauth-dark
2fauth-light
activepieces
alertmanager
alteryx
anythingllm-dark
anythingllm-light
appflowy
apprise-api
arbitrum
autobrr
baby-buddy
bentopdf
beszel
browserless-dark
browserless-light
buildpacks-dark
buildpacks-light
bytebase
bytestash
castopod
cert-manager-dark
cert-manager-light
chaos-mesh-dark
chaos-mesh-light
checkmate
chibisafe
cloudevents-dark
cloudevents-light
cloudreve
cockpit-cms-dark
cockpit-cms-light
contour-dark
contour-light
convertx
copyparty
coredns-dark
coredns-light
cri-o-dark
cri-o-light
cryptgeon
cyberchef
dashy
databasus
docmost
docuseal
dokuwiki
earmark-dark
Showing 48 of 229 new icons. Search the browser above to find the rest.
Copy & download theSVG Color icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, installthesvgand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About theSVG Color
theSVG Color is the full-color brand logo set from thesvg.org, with more than 4,900 icons drawn in each brand’s own colors. Where a mark is black or white, the set adds -light versions for dark backgrounds and -dark versions for light backgrounds, so logos stay visible in both themes. Coverage spans developer and data platforms such as Databricks, Claude Code and PeerTube as well as consumer brands like Coca-Cola, Mitsubishi and Verizon, across more than 115 categories. Through npm, the thesvg package gives each brand as a module with the SVG string, title, main brand hex and available variants, and scoped packages add typed React, Vue and Svelte components. A CLI, MCP server, CDN and Figma, VS Code and Raycast extensions are also available. The code is MIT licensed; each logo remains its owner’s trademark, so use it to refer to that brand. Search all color logos here, copy SVG, export JSX or download PNG. Compared with Simple Icons, which is single color only, theSVG Color shows logos as brands present them. Ideal for partner walls, integration directories, marketplace listings and case study pages.
Created By
License
How to use theSVG Color icons
Package
thesvg
License SPDX
MIT
Sample Icons
verizon, mitsubishi, peertube
Install
npm install thesvgReact
import github from 'thesvg/github';
export default function App() {
return <span dangerouslySetInnerHTML={{ __html: github.svg }} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:icon-name" width="24"></iconify-icon>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="thesvg-color:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh Oct 18, 2026
thesvg
7,600+ brand SVG icons - tree-shakeable, typed, dual ESM/CJS. The one-stop brand icon library.
License
MIT
Weekly downloads
5,269
Monthly downloads
25,416
Total downloads
180.3K
Unpacked size
2.0 MB
Last published
Oct 18, 2026
Registry updated
Oct 18, 2026
theSVG Color version history
Based on the last 10 releases, theSVG Color typically ships a new version every ~3 days. The latest release, v3.4.1, landed on Oct 18, 2026.
| Version | Released |
|---|---|
| v3.4.1 | Oct 18, 2026 |
| v3.4.0 | Oct 15, 2026 |
| v3.3.15 | Oct 15, 2026 |
| v3.3.14 | Oct 14, 2026 |
| v3.3.13 | Oct 9, 2026 |
| v3.3.12 | Oct 3, 2026 |
| v3.3.11 | Oct 2, 2026 |
| v3.3.10 | Oct 1, 2026 |
| v3.3.9 | Sep 27, 2026 |
| v3.3.8 | Sep 18, 2026 |
| v3.3.7 | Sep 14, 2026 |
| v3.3.6 | Sep 12, 2026 |
| v3.3.5 | Sep 12, 2026 |
| v3.3.4 | Sep 11, 2026 |
| v3.3.3 | Sep 8, 2026 |
| v3.3.2 | Sep 2, 2026 |
| v3.3.1 | Aug 16, 2026 |
| v3.2.21 | Aug 11, 2026 |
| v3.2.20 | Aug 10, 2026 |
| v3.2.19 | Aug 7, 2026 |
Source: npm registry data for thesvg, refreshed weekly.
Compare theSVG Color with similar icon packs
Frequently Asked Questions
Why do some theSVG Color icons have -light and -dark versions?
-light version is for dark backgrounds and the -dark version is for light backgrounds, for example grok-dark or expressdotjs-light.What kinds of brands does theSVG Color cover?
Should I use theSVG Color or Simple Icons?
How do I get the color SVG from npm?
npm install thesvg and import one brand: import github from "thesvg/github";. github.svg is the default brand-color SVG string and github.hex is the main brand color.