English | 简体中文

TDesign Icons is a mono-repo for TDesign Icons packages and resources management. TDesign Icons provides over 2,000 icons with variable stroke widths and multi-color fills, available as raw SVGs and resources for various frameworks, fonts, and sprite sheets.

Resources and Packages

Package	Framework	Version	Downloads
tdesign-icons-vue-next	Vue 3
tdesign-icons-react	React
tdesign-icons-vue	Vue 2
tdesign-icons-web-components	Web Components
tdesign-icons-view	Web Components
tdesign-icons-svg	SVG
tdesign_flutter_icons	Flutter

Development Guide

TDesign Icon repository is created to manage all TDesign Icons resources and packages. You can also clone this repository to generate your own icon resources and packages as well.

Add SVG Source Files ⛽️

please add all icon svg source file into svg/ dir.

Generate Resources 🏗

execute pnpm run generate to update icon resource of all frameworks within packages/ dir and the iconfont and svgsprite resource within resources/ dir.

If you have updated the original icon resources, please execute pnpm run generate again.

Update Versions and CHANGELOG 🔖

execute npm run release, and choose the version number change rules for each package according to the specific situation.

Build NPM Packages 📦

execute pnpm run --filter "tdesign-icons-*" build to build all framework packages.

Publish NPM Packages 🚀

execute pnpm publish -r to publish all framework packages.

License

The MIT License. Please see the license file for more information.