一套超过1950个免费的MIT许可的高质量SVG图标，供你在你的网络项目中使用。每个图标都是以24x24的网格和2px的笔触设计的。
赞助者
如果你想支持我的项目并帮助我成长，你可以在GitHub上成为一个赞助商，或者直接在PayPal上捐款:)
预览
赞助Tabler
安装
npm install @tabler/icons --save
或者直接从Github下载。
使用方法
所有的图标都是用SVG构建的，所以你可以把它们作为<img> ，background-image ，也可以在HTML代码中内联。
HTML图像
如果你把一个图标作为图像加载，你可以用CSS修改它的大小。
<
内联HTML
你可以把图标文件的内容粘贴到你的HTML代码中，以在页面上显示它。
<
得益于此，你可以用CSS代码改变图标的大小、颜色和stroke-width 。
.
SVG sprite
用下面的标记添加一个要显示在你的页面上的图标 (activity 在上面的例子中可以用任何有效的图标名称代替)。
<
React
导入图标并在你的组件中渲染它。你可以通过React道具调整SVG属性。
import
@tabler/icons 输出它自己的类型声明，以便与React和Typescript一起使用。
盎格鲁
可通过Angular组件 angular-tabler-icons软件包。
安装该软件包，然后创建图标模块。
import
在你的功能或共享模块中导入IconsModule后，按如下方式使用图标。
<
angular-tabler-icons 输出它自己的类型声明，以便在Typescript中使用。
更多使用文档请参考官方文档。
Vue
Vue组件可通过 vue-tabler-icons软件包。安装软件包，导入图标组件并在你的组件中渲染它。你可以通过传递常规的HTML属性来调整SVG属性。
<
vue-tabler-icons 输出它自己的类型声明，以便与Typescript一起使用。
更多使用文档请参考官方文档。
CDN
@tabler/icons npm包中包含的所有文件都可以通过CDN获得。
React图标
<
Iconfont
<
要加载一个特定的版本，用所需的版本号替换latest 。
<
编译字体
要编译字体，首先要安装fontforge。
当编译字体时，它将在根文件夹中寻找一个json文件compile-options.json （与package.json 相同），在这个文件中你可以定义额外的选项。
如果你没有定义这个文件，默认设置将是。
{
fontforge的可执行文件需要在路径中，或者你可以在配置文件中设置下载的fontforge可执行文件的路径。如果你安装在mac上，在你的应用程序目录中，它将是/Applications/FontForge.app/Contents/MacOS/FontForge 。你可以在compile-options.json 文件中设置这个值。
{
要编译字体，请运行。
npm run build-iconfont
默认情况下，笔画宽度为2。 你可以在 "字体 "文件中改变笔画宽度。compile-options.json
{
为了减少字体文件的大小，你可以选择编译一个子集的图标。当你让数组为空时，它将编译所有的字体。为了只编译两个图标，你可以在compile-options.json 中设置以下选项。
{
可选的属性includeCategories - 一个包含图标类别的数组或字符串，类别名称是不分大小写的。
{
或
{
可选的属性excludeIcons - 一个数组的图标名称，用来排除一些类别的图标。
{
复杂的解决方案。
{
Svelte
你可以使用 tabler-icons-svelte来在你的Svelte项目中使用图标（见例子）。
<
Jetpack Compose
对于安卓或桌面，你可以使用 compose-icons来在你的项目中使用图标。(见文档)
多个笔画
这个资源库中的所有图标都是用stroke-width 属性的值创建的，所以如果你改变这个值，你可以得到不同的图标变体，很好地适应你的设计。
许可证
Tabler Icons是以MIT许可证授权的。
