theSVG Color Icons

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

4,842 icons MIT Logos by thesvg.org
Search icons...

More SVG Icons

01dotai

1001tracklists

11x

1and1

1dot1dot1dot1

1panel

1password-dark

1password-light

2fas

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

accountantos-light

accusoft

accuweather

ace

acer

acm

acode

acrobat-reader

acrobat-reader-grayscale-app-icon

acrobat-scan

actigraph

activeloop

activision

activitypub

actix

actual-budget

acura

ada

adafruit

adaway

adblock

adblock-plus

addydotio

adguard

adidas

adminer

adnoc

adobe

adobe-aero

adobe-fonts

adobe-sign

adobe-stock

adonisjs

adp

adroll

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, install and use via @iconify/react, fully tree-shakeable, no icon font loading required.

About theSVG Color

Created By

thesvg.org Visit Website

License

Pack Details

Color Support

Multi-color

Category

Logos

How to use theSVG Color icons

License SPDX

MIT

Sample Icons

verizon, mitsubishi, peertube

Via Iconify · React

tsx
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="thesvg-color:icon-name" width={24} />;
}

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>

Frequently Asked Questions

Is theSVG Color free for commercial use?
Yes. theSVG Color is licensed under MIT, free for personal and commercial projects. View license →
How do I download theSVG Color SVG icons?
Click any icon in the browser above to open the detail panel. Choose raw SVG code to copy, download as SVG or PNG, export as a React JSX component, or get a Base64 data URI, all formats free, no sign-up required.
How many icons are in theSVG Color?
theSVG Color contains 4,842 SVG icons in the Logos category.
Are theSVG Color icons full-color or monochrome?
theSVG Color icons are multi-color: they include built-in color information and do not need a fill or stroke applied. They render as-is without inheriting CSS currentColor.
Which icon collections include theSVG Color?
theSVG Color is included in 2 curated collections: Free Brand & Logo SVG Icons, Free Multi-Color SVG Icons.
Can I use theSVG Color with React, Next.js or shadcn/ui?
Yes. Copy the JSX export from any icon's detail panel and paste it directly into your component. For ongoing use, install @iconify-json/thesvg-color and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.