tdesign Icons
2,138 iconsaccessibility filled
accessibility
activity filled
activity
add and subtract
add circle filled
add circle
add rectangle filled
add rectangle
add
address book filled
address book
adjustment filled
adjustment
airplay wave filled
airplay wave
alarm add filled
alarm add
alarm filled
alarm off filled
alarm off
alarm
align bottom
align top
align vertical
alpha
analytics filled
analytics
anchor
angry filled
angry
animation 1 filled
animation 1
animation filled
animation
anticlockwise filled
anticlockwise
api
app filled
app
apple filled
apple
application filled
application
architecture hui style filled
architecture hui style
archway 1 filled
archway 1
archway filled
archway
arrow down circle filled
arrow down circle
arrow down rectangle filled
arrow down rectangle
arrow down
arrow left circle filled
arrow left circle
arrow left down circle filled
arrow left down circle
arrow left down
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: tdesign
Discover the ultimate library of free SVG icons in our tdesign 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 tdesign 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 tdesign 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.