catppuccin Icons
659 icons3d
adobe ae
adobe ai
adobe id
adobe ps
adobe xd
adonis
alex
amber
android
angular component
angular directive
angular guard
angular pipe
angular service
angular
ansible lint
antlr
apache
api blueprint
apollo
apple
arduino
asciidoc
assembly
astro config
astro
audio
autohotkey
azure pipelines
babel
bash
batch
bazel
benchmark
bicep
binary
biome
bitbucket
blink
blitz
bower
browserslist
bun lock
bun
c header
c
cabal
caddy
capacitor
cargo lock
cargo
certificate
changelog
circle ci
clojure
cmake
cobol
code climate
code of conduct
Usage Guide
How to Use These Icons
Copy SVG Code
Click any icon to open the detail panel, then copy the raw SVG markup directly into your HTML or React component.
Download PNG
Export any icon as a high-resolution PNG at 24 Ć 24, 48 Ć 48, or 96 Ć 96 pixels for raster-based workflows.
Customize & Remix
Change stroke weight, size, and color using the built-in customizer on the icon detail page ā no design tool required.
Standards & Quality
Technical Excellence: catppuccin
Discover the ultimate library of free SVG icons in our catppuccin collection. Every vector icon is meticulously crafted for pixel-perfect precision. Download high-quality SVG assets for commercial use, optimized for web developers and designers.
Premium Vector Quality
Download professional vector icons designed for Figma, Adobe XD, and Sketch. Our catppuccin graphics ensure consistent brand fidelity across digital platforms, available as free SVG downloads.
Lightning-Fast Performance
Each lightweight SVG is programmatically cleaned of bloated XML metadata. These performance-optimized icons guarantee a 100/100 Lighthouse score, making them perfect for SEO-friendly web development.
Responsive UI/UX Standards
Built on minimalist design principles, our catppuccin icons maintain stunning clarity from 16px to 4K resolutions. These UI assets are essential for granular interface controls and accessible web design.
Developer-First Integration
Engineered for CSS-based recoloring, these customizable SVG icons are ideal for React, Vue, and Tailwind CSS projects. Use them as inline SVGs, CSS masks, or within an SVG sprite system for maximum flexibility.