codicon Icons
501 iconsaccount
activate breakpoints
add
archive
arrow both
arrow circle down
arrow circle left
arrow circle right
arrow circle up
arrow down
arrow left
arrow right
arrow small down
arrow small left
arrow small right
arrow small up
arrow swap
arrow up
attach
azure devops
azure
beaker stop
beaker
bell dot
bell slash dot
bell slash
bell
blank
bold
book
bookmark
bracket dot
bracket error
briefcase
broadcast
browser
bug
calendar
call incoming
call outgoing
case sensitive
chat sparkle error
chat sparkle warning
chat sparkle
check all
check
checklist
chevron down
chevron left
chevron right
chevron up
chip
chrome close
chrome maximize
chrome minimize
chrome restore
circle filled
circle large filled
circle large
circle slash
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: codicon
Discover the ultimate library of free SVG icons in our codicon 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 codicon 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 codicon 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.