theSVG ColorIcons

Browse 5133 free theSVG Color multi-color icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by thesvg.org.

5,133 iconsMITLogosby thesvg.org
Search icons...

More SVG Icons

01dotai

1001tracklists

11x

1and1

1dot1dot1dot1

1panel

1password-dark

1password-light

2fas

2fauth-dark

2fauth-light

2k

30-seconds-of-code

302dotai

365-data-science

3m

42

4chan

4d

500px

5dive

7zip

99designs

9gag

a-frame

aarch64

ab-download-manager

abacatepay

abarth

abb

abbott

abbvie

abn-amro

aboutdotme

abstract

abusedotch

academia

accenture

accountantos-dark

Most popular theSVG Color icons

What visitors download and copy most from this pack, last 30 days

  1. 1whatsapp
  2. 2instagram
  3. 3youtube
  4. 4gemini
  5. 5google
  6. 6pdf
  7. 7openai-chatgpt
  8. 8facebook
  9. 9microsoft
  10. 10canva
  11. 11css
  12. 12gmail-2026
  13. 13telegram
  14. 14gmail
  15. 15linkedin
  16. 16microsoft-word
  17. 17tailwind-css
  18. 18kimi
  19. 19microsoft-outlook

Recently added in theSVG Color

229 icons added on 19 October 2026. See every pack's latest additions

  • 2fauth-dark icon from theSVG Color2fauth-dark
  • 2fauth-light icon from theSVG Color2fauth-light
  • activepieces icon from theSVG Coloractivepieces
  • alertmanager icon from theSVG Coloralertmanager
  • alteryx icon from theSVG Coloralteryx
  • anythingllm-dark icon from theSVG Coloranythingllm-dark
  • anythingllm-light icon from theSVG Coloranythingllm-light
  • appflowy icon from theSVG Colorappflowy
  • apprise-api icon from theSVG Colorapprise-api
  • arbitrum icon from theSVG Colorarbitrum
  • autobrr icon from theSVG Colorautobrr
  • baby-buddy icon from theSVG Colorbaby-buddy
  • bentopdf icon from theSVG Colorbentopdf
  • beszel icon from theSVG Colorbeszel
  • browserless-dark icon from theSVG Colorbrowserless-dark
  • browserless-light icon from theSVG Colorbrowserless-light
  • buildpacks-dark icon from theSVG Colorbuildpacks-dark
  • buildpacks-light icon from theSVG Colorbuildpacks-light
  • bytebase icon from theSVG Colorbytebase
  • bytestash icon from theSVG Colorbytestash
  • castopod icon from theSVG Colorcastopod
  • cert-manager-dark icon from theSVG Colorcert-manager-dark
  • cert-manager-light icon from theSVG Colorcert-manager-light
  • chaos-mesh-dark icon from theSVG Colorchaos-mesh-dark
  • chaos-mesh-light icon from theSVG Colorchaos-mesh-light
  • checkmate icon from theSVG Colorcheckmate
  • chibisafe icon from theSVG Colorchibisafe
  • cloudevents-dark icon from theSVG Colorcloudevents-dark
  • cloudevents-light icon from theSVG Colorcloudevents-light
  • cloudreve icon from theSVG Colorcloudreve
  • cockpit-cms-dark icon from theSVG Colorcockpit-cms-dark
  • cockpit-cms-light icon from theSVG Colorcockpit-cms-light
  • contour-dark icon from theSVG Colorcontour-dark
  • contour-light icon from theSVG Colorcontour-light
  • convertx icon from theSVG Colorconvertx
  • copyparty icon from theSVG Colorcopyparty
  • coredns-dark icon from theSVG Colorcoredns-dark
  • coredns-light icon from theSVG Colorcoredns-light
  • cri-o-dark icon from theSVG Colorcri-o-dark
  • cri-o-light icon from theSVG Colorcri-o-light
  • cryptgeon icon from theSVG Colorcryptgeon
  • cyberchef icon from theSVG Colorcyberchef
  • dashy icon from theSVG Colordashy
  • databasus icon from theSVG Colordatabasus
  • docmost icon from theSVG Colordocmost
  • docuseal icon from theSVG Colordocuseal
  • dokuwiki icon from theSVG Colordokuwiki
  • earmark-dark icon from theSVG Colorearmark-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.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

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

thesvg.orgVisit Website

License

Pack Details

Color Support

Multi-color

Category

Logos

In 2 collections

How to use theSVG Color icons

Package

thesvg

License SPDX

MIT

Sample Icons

verizon, mitsubishi, peertube

Install

bash
npm install thesvg

React

tsx
import github from 'thesvg/github';

export default function App() {
  return <span dangerouslySetInnerHTML={{ __html: github.svg }} />;
}

Via Iconify · HTML

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

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

v3.4.1

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.

VersionReleased
v3.4.1Oct 18, 2026
v3.4.0Oct 15, 2026
v3.3.15Oct 15, 2026
v3.3.14Oct 14, 2026
v3.3.13Oct 9, 2026
v3.3.12Oct 3, 2026
v3.3.11Oct 2, 2026
v3.3.10Oct 1, 2026
v3.3.9Sep 27, 2026
v3.3.8Sep 18, 2026
v3.3.7Sep 14, 2026
v3.3.6Sep 12, 2026
v3.3.5Sep 12, 2026
v3.3.4Sep 11, 2026
v3.3.3Sep 8, 2026
v3.3.2Sep 2, 2026
v3.3.1Aug 16, 2026
v3.2.21Aug 11, 2026
v3.2.20Aug 10, 2026
v3.2.19Aug 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?
Some brand marks are black or white, which disappear on a matching background. The -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?
Over 4,900 icons, from developer tools (Databricks, Claude Code, PeerTube) to consumer brands (Coca-Cola, Mitsubishi, Verizon). The project groups them in more than 115 categories.
Should I use theSVG Color or Simple Icons?
Simple Icons is single color only, with the brand hex as data. theSVG Color draws logos in their real multi-color form, which suits integration pages and partner logos. Use theSVG (mono) or Simple Icons when every logo should share one color.
How do I get the color SVG from npm?
Install 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.
How many icons are in theSVG Color?
theSVG Color contains 5,133 SVG icons in the Logos category.
How often is theSVG Color updated?
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. See the full version history below.