brand
selfh.st Icons
selfh.st Icons open-source SVG icon collection (6,993 icons) verified under the CC-BY-4.0 license.
selfh.st Icons CC-BY-4.0
Author: selfh.st and contributors |
View notice file (LICENSE.txt)
SVG Nexus / Library
Find the right icon.
Browse vector sources by domain, category, style, and license.
1. Browse by Domain
License Information
- MIT 38,361 icons | Credit required
- Apache-2.0 20,303 icons | Credit required
- CC BY 4.0 10,697 icons | Credit required
- CC BY-SA 4.0 4,510 icons | Credit required
- ISC 1,866 icons | Credit required
- CC0 393 icons | Credit optional
- CC BY-SA 3.0 7 icons | Credit required
- MPL-2.0 7 icons | Credit required
- BSD-3-Clause 4 icons | Credit required
- GPL-3.0-only 4 icons | Credit required
- GPL-3.0-or-later 4 icons | Credit required
- GPL-2.0-or-later 3 icons | Credit required
- CC BY-ND 4.0 2 icons | Credit required
- CC BY 2.5 1 icons | Credit required
- CC BY-SA 2.0 1 icons | Credit required
- CC BY-SA 2.5 1 icons | Credit required
- Coreboot (custom) 1 icons | Credit required
- GPL-2.0-only 1 icons | Credit required
2. Icon libraries
Quick Search:
Library:
Categories:
Popularity, newest, and download sorting stay disabled because we do not track user data or analytics.
6,993 icons
Source, author, and license are available in the preview and icon details.
brand
1panel Light
selfh.st Icons|brands
brand
1panel
selfh.st Icons|brands
brand
1password Dark
selfh.st Icons|brands
brand
1password Light
selfh.st Icons|brands
brand
1password
selfh.st Icons|brands
brand
2fauth Dark
selfh.st Icons|brands
brand
2fauth Light
selfh.st Icons|brands
brand
2fauth
selfh.st Icons|brands
brand
7 Zip Dark
selfh.st Icons|brands
brand
7 Zip Light
selfh.st Icons|brands
brand
7 Zip
selfh.st Icons|brands
8mb Local Dark
selfh.st Icons|brands
8mb Local Light
selfh.st Icons|brands
8mb Local
selfh.st Icons|brands
9router Dark
selfh.st Icons|brands
9router Light
selfh.st Icons|brands
9router
selfh.st Icons|brands
Accent Dark
selfh.st Icons|brands
Accent Light
selfh.st Icons|brands
Accent
selfh.st Icons|brands
Ace Stream Dark
selfh.st Icons|brands
Ace Stream Light
selfh.st Icons|brands
Ace Stream
selfh.st Icons|brands
Ackee Dark
selfh.st Icons|brands
Ackee Light
selfh.st Icons|brands
Ackee
selfh.st Icons|brands
Ackify Dark
selfh.st Icons|brands
Ackify Light
selfh.st Icons|brands
Ackify
selfh.st Icons|brands
Acquiremock Dark
selfh.st Icons|brands
Acquiremock Light
selfh.st Icons|brands
Acquiremock
selfh.st Icons|brands
Activepieces Dark
selfh.st Icons|brands
Activepieces Light
selfh.st Icons|brands
Activepieces
selfh.st Icons|brands
Activitypub Dark
selfh.st Icons|brands
Activitypub Light
selfh.st Icons|brands
Activitypub
selfh.st Icons|brands
Actual Budget Dark
selfh.st Icons|brands
Actual Budget Light
selfh.st Icons|brands
Actual Budget
selfh.st Icons|brands
Adguard Home Central Manager Dark
selfh.st Icons|realestate
Adguard Home Central Manager Light
selfh.st Icons|realestate
Adguard Home Central Manager
selfh.st Icons|realestate
Adguard Home Dark
selfh.st Icons|realestate
Adguard Home Light
selfh.st Icons|realestate
Adguard Home
selfh.st Icons|brandsNo icons match these filters.
Try searching with another keyword or explore the categories.
Practical SVG Guides and Tutorials
Developer Guides & Tutorials
Clear, simple answers for designers and developers working with vector graphics.
SVG vs PNG: Which Format Should You Use?
Use SVG for website icons, logos, and user interfaces because vector paths stay sharp on every screen size and retina display. Use PNG when you need a fixed-pixel image for email signatures, legacy apps, or social media thumbnails.
How to Animate SVG Icons with CSS
Add a CSS class to your inline SVG element and apply transform or stroke-dasharray keyframes. Using transform: scale() or rotate() with transform-origin: center creates smooth 60fps hover and loading animations without JavaScript.
How to Edit SVG Icons in Figma or Your Browser
Copy the raw SVG code from SVG Nexus and paste it directly onto your Figma canvas to edit vector nodes and fills. You can also open any icon in our browser SVG Editor to change colors, stroke width, and viewBox without installing software.
How to Use SVG Icons in React, Next.js, and Vue
Select the React TSX or Vue 3 tab on any icon page to copy a ready-to-use component. The exported code uses currentColor so your icon automatically matches your Tailwind CSS or CSS text color classes.
Frequently Asked Questions
How do I search and filter the 76,166 SVG icons? +
Type any keyword into the live search bar to filter icons in under 15 milliseconds without reloading the page. You can combine search terms with category pills, library folders, and outline, solid, or color style filters.
Can I download icons in both SVG and high-resolution PNG formats? +
Yes. Every icon can be downloaded as a clean vector SVG file or rendered into a transparent PNG image from 64x64 up to 2048x2048 pixels directly in your browser.
Are all icon libraries free for commercial projects? +
The catalogue relies on the per-library open-source licenses. MIT, ISC and Apache-2.0 cover most libraries and allow commercial use. Twemoji artwork is CC BY 4.0, which requires credit, and OpenMoji is CC BY-SA 4.0, which requires credit and share alike on adapted artwork. Every library keeps its own license, so check the license table before commercial use. The license badge on each icon page shows the exact rule for that icon.
Why do multi-color and brand icons keep their original colors? +
We preserve the original SVG fill and stroke colors by default so brand logos, flags, and 3D icons look accurate when you preview or download them. You can still recolor any icon whenever you want.
How can I bundle multiple icons into a single SVG sprite sheet? +
Open the SVG Sprite Generator tool or the Gradient & 3D Icon Editor tool and add multiple icons to your sprite tray. You can download a single reusable SVG symbol sprite file with ready-to-paste HTML use tags.
Do I need an account or subscription to download icons? +
No account, login, or subscription is required. All 76,166 icons and all 8 vector tools are completely free to use right in your browser.
How many icons can I preview in one page of the catalog? +
The grid loads 48 icons at a time and you can load more or open numbered pages. Every page has its own crawlable URL.
Can I search by icon folder name such as lucide or tabler? +
Yes. Type the folder name, or use the folder pills and the Library filter, and the grid updates instantly without a reload.