octicon Icons
851 iconsaccessibility 16
accessibility 24
accessibility inset 16
accessibility inset 24
agent 16
agent 24
ai model 16
ai model 24
alert 16
alert 24
alert fill 12
alert fill 16
alert fill 24
alert
apps 16
apps 24
archive 16
archive 24
archive
arrow both 16
arrow both 24
arrow both
arrow down 16
arrow down 24
arrow down left 16
arrow down left 24
arrow down right 16
arrow down right 24
arrow down
arrow left 16
arrow left 24
arrow left
arrow right 16
arrow right 24
arrow right
arrow small down
arrow small left
arrow small right
arrow small up
arrow switch 16
arrow switch 24
arrow up 16
arrow up 24
arrow up left 16
arrow up left 24
arrow up right 16
arrow up right 24
arrow up
beaker 16
beaker 24
beaker
bell 16
bell 24
bell fill 16
bell fill 24
bell slash 16
bell slash 24
bell
blocked 16
blocked 24
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: octicon
Discover the ultimate library of free SVG icons in our octicon 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 octicon 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 octicon 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.