Toggle menu
theSVGIcons
Browse 3760 free theSVG SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by thesvg.org.
Recently added in theSVG
2 icons added on 19 October 2026. See every pack's latest additions
sigma-computing
theauth
Copy & download theSVG 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, install@thesvg/reactand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About theSVG
theSVG is a free brand logo library from thesvg.org, and this pack is its monochrome set with more than 3,700 logos. Mono logos inherit the current text color, so one CSS color or Tailwind class themes a whole logo wall, footer or integrations list in light and dark mode. The library covers brands from more than 115 categories, from developer tools like Kotlin, Vue, Tailscale, Proxmox, Wireshark and Xcode to consumer products. It ships far beyond SVG files: npm packages (thesvg, @thesvg/icons, typed @thesvg/react, Vue and Svelte components), a CLI, an MCP server, a jsDelivr CDN, and Figma, VS Code and Raycast extensions. The code and tooling are MIT licensed, while every logo remains a trademark of its owner, so use logos to refer to the brand and follow its guidelines. Search all theSVG logos here, copy SVG, export JSX or download PNG. Compared with Simple Icons, theSVG has a different catalog and a color companion set; check both when a brand is missing. Ideal for integration pages, tech stack sections, sign-in buttons and footers.
Created By
License
How to use theSVG icons
Package
@thesvg/react, thesvg
License SPDX
MIT
Sample Icons
mitsubishi, tencent, vuedotjs
Install
npm install @thesvg/reactReact
import { Github, Figma } from '@thesvg/react';
export default function App() {
return <Github width={24} height={24} className="text-white" />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:icon-name" width="24"></iconify-icon>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="thesvg:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh Oct 18, 2026
@thesvg/react
Typed React SVG components for all 7,600+ brand icons from thesvg.org
License
MIT
Weekly downloads
30,886
Monthly downloads
275.7K
Total downloads
595.2K
Unpacked size
83 MB
Last published
Oct 18, 2026
Registry updated
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 version history
Based on the last 10 releases, theSVG 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/react, refreshed weekly.
Compare theSVG with similar icon packs
Frequently Asked Questions
What is the difference between theSVG and theSVG Color?
How do I recolor a theSVG logo?
color in CSS or a Tailwind class like text-white. One color per logo keeps a footer or logo wall visually even.How do I use theSVG logos in React?
npm install @thesvg/react, then import { Github } from "@thesvg/react"; and render <Github width={24} height={24} />. Vue and Svelte packages also exist.