TDesign Icons Icons
Tencent's official open-source design system icons. Comprehensive, enterprise-grade, and available across multiple frameworks.
About TDesign Icons
Tencent's official open-source design system icons. Comprehensive, enterprise-grade, and available across multiple frameworks.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 2,350 icons in this library |
| License | MIT |
| Creator | Tencent |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use TDesign Icons Icons
1. Search the library
Head to Browse Icons and filter by “TDesign Icons” to browse all 2,350 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between Line and Filled styles, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use TDesign Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example TDesign Icons icon
<Icon icon="tdesign:home" className="h-6 w-6" />Browse TDesign Icons Icons Free
2,350 icons. No watermarks, no account, no attribution required.