{"id":13403857,"url":"https://github.com/tabler/tabler-icons","last_synced_at":"2026-02-20T01:10:50.825Z","repository":{"id":37353330,"uuid":"243546335","full_name":"tabler/tabler-icons","owner":"tabler","description":"A set of over 5900 free MIT-licensed high-quality SVG icons for you to use in your web projects.","archived":false,"fork":false,"pushed_at":"2026-02-16T20:53:07.000Z","size":1143455,"stargazers_count":20188,"open_issues_count":147,"forks_count":1077,"subscribers_count":105,"default_branch":"main","last_synced_at":"2026-02-17T02:58:50.852Z","etag":null,"topics":["bootstrap-icons","components","css","icon","icon-pack","icons","icons-pack","iconset","quality-svg-icons","react","svelte","svg","svg-icons","tabler-icons"],"latest_commit_sha":null,"homepage":"https://tabler.io/icons","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tabler.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"codecalm","open_collective":"tabler"}},"created_at":"2020-02-27T15:10:04.000Z","updated_at":"2026-02-16T21:53:19.000Z","dependencies_parsed_at":"2023-09-21T15:34:32.386Z","dependency_job_id":"336c0b68-8d30-449a-8b2a-c83585c121b9","html_url":"https://github.com/tabler/tabler-icons","commit_stats":{"total_commits":1698,"total_committers":69,"mean_commits":"24.608695652173914","dds":0.1366313309776207,"last_synced_commit":"69752f43def7288deee802433f10c77f2a41ce50"},"previous_names":[],"tags_count":249,"template":false,"template_full_name":null,"purl":"pkg:github/tabler/tabler-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tabler","download_url":"https://codeload.github.com/tabler/tabler-icons/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-icons/sbom","scorecard":{"id":865124,"data":{"date":"2025-08-18","repo":{"name":"github.com/tabler/tabler-icons","commit":"50b5d0496e9f1bd977325c6950e5b09ed7d40b31"},"scorecard":{"version":"v5.2.1-41-g40576783","commit":"40576783fda6698350fcbbeaea760ff827433034"},"score":4.9,"checks":[{"name":"Token-Permissions","score":8,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Info: jobLevel 'contents' permission set to 'read': .github/workflows/labeler.yml:8","Warn: no topLevel permission defined: .github/workflows/close-inactive.yml:1","Warn: no topLevel permission defined: .github/workflows/close-stale-prs.yml:1","Warn: no topLevel permission defined: .github/workflows/labeler.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#token-permissions"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#packaging"}},{"name":"Maintained","score":10,"reason":"16 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#maintained"}},{"name":"Code-Review","score":3,"reason":"Found 9/30 approved changesets -- score normalized to 3","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#dangerous-workflow"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#cii-best-practices"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#branch-protection"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#security-policy"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#binary-artifacts"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 10 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#sast"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/close-inactive.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/close-inactive.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/close-stale-prs.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/close-stale-prs.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/labeler.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/labeler.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/validate-icons.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/validate-icons.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/validate-icons.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/validate-icons.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/validate-icons.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/validate-icons.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/validate-icons.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/validate-icons.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/validate-icons.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/tabler/tabler-icons/validate-icons.yml/main?enable=pin","Info:   0 out of   6 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   2 third-party GitHubAction dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#pinned-dependencies"}},{"name":"Vulnerabilities","score":0,"reason":"26 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-x4c5-c7rf-jjgv","Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38","Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m","Warn: Project is vulnerable to: GHSA-m5qc-5hw7-8vg7","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-x565-32qp-m3vf","Warn: Project is vulnerable to: GHSA-gp95-ppv5-3jc5","Warn: Project is vulnerable to: GHSA-54xq-cgqr-rpm3","Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx","Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-c76h-2ccp-4975","Warn: Project is vulnerable to: GHSA-cxrh-j4jr-qwg3","Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6","Warn: Project is vulnerable to: GHSA-x574-m823-4x7w","Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8","Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x","Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4","Warn: Project is vulnerable to: GHSA-859w-5945-r5v3","Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/40576783fda6698350fcbbeaea760ff827433034/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-24T02:29:14.754Z","repository_id":37353330,"created_at":"2025-08-24T02:29:14.754Z","updated_at":"2025-08-24T02:29:14.754Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29638125,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T22:32:43.237Z","status":"ssl_error","status_checked_at":"2026-02-19T22:32:38.330Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap-icons","components","css","icon","icon-pack","icons","icons-pack","iconset","quality-svg-icons","react","svelte","svg","svg-icons","tabler-icons"],"created_at":"2024-07-30T19:01:35.559Z","updated_at":"2026-02-20T01:10:50.807Z","avatar_url":"https://github.com/tabler.png","language":"JavaScript","funding_links":["https://github.com/sponsors/codecalm","https://opencollective.com/tabler","https://paypal.me/codecalm"],"categories":["JavaScript","HTML","SVG Icons","svelte","前端开发框架及项目","css","Generic","svg","IconSet Included","前端/博客","Uncategorized","General"],"sub_categories":["其他_文本生成、文本对话","前端工具","Uncategorized"],"readme":"# Tabler Icons\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/tabler/tabler-icons/main/.github/packages/og-core.png\" alt=\"Tabler Icons\" width=\"838\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    A set of \u003c!--icons-count--\u003e5880\u003c!--/icons-count--\u003e free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.\n\u003cp\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://tabler.io/icons\"\u003e\u003cstrong\u003eBrowse at tabler.io/icons \u0026rarr;\u003c/strong\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\n## Sponsors\n\n**If you want to support our project and help me grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or just [donate on PayPal](https://paypal.me/codecalm) :)**\n\n\u003ca href=\"https://github.com/sponsors/codecalm\"\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg\" alt=\"Tabler sponsors\"\u003e\n\u003c/a\u003e\n\n## Testing\n\n\u003cp align=\"center\"\u003eBrowser testing via:\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.lambdatest.com/\" target=\"_blank\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/user-attachments/assets/14dd2a0a-bafe-436e-a6cb-29636278c781\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83\"\u003e\n      \u003cimg src=\"https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83\" alt=\"Tabler Icons preview\" width=\"296\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Preview\n\n### Outline version (\u003c!--icons-count-outline--\u003e4936\u003c!--/icons-count-outline--\u003e icons)\n\n\u003cp align=\"center\"\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/preview/icons-outline-dark.png\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/preview/icons-outline.png\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/preview/icons-outline.png\" alt=\"Tabler Icons preview\" width=\"838\"\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e\n\n### Filled version (\u003c!--icons-count-filled--\u003e944\u003c!--/icons-count-filled--\u003e icons)\n\n\u003cp align=\"center\"\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/preview/icons-filled-dark.png\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/preview/icons-filled.png\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/preview/icons-filled.png\" alt=\"Tabler Icons preview\" width=\"838\"\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e\n\n\n## Installation\n\n```\nnpm install @tabler/icons --save\n```\n\nor just [download from GitHub](https://github.com/tabler/tabler-icons/releases).\n\n## Usage\n\nAll icons are built with SVG, so you can place them as `\u003cimg\u003e`, `background-image` and inline in HTML code.\n\n### HTML image\n\nIf you load an icon as an image, you can modify its size using CSS.\n\n```html\n\u003cimg src=\"path/to/icon.svg\" alt=\"icon title\" /\u003e\n```\n\n### Inline HTML\n\nYou can paste the content of the icon file into your HTML code to display it on the page.\n\n```html\n\u003ca href=\"\"\u003e\n  \u003csvg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"icon icon-tabler icon-tabler-disabled\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    stroke-width=\"1.25\"\n    stroke=\"currentColor\"\n    fill=\"none\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  \u003e\n    ...\n  \u003c/svg\u003e\n  Click me\n\u003c/a\u003e\n```\n\nThanks to that, you can change the size, color and the `stroke-width` of the icons with CSS code.\n\n```css\n.icon-tabler {\n  color: red;\n  width: 32px;\n  height: 32px;\n  stroke-width: 1.25;\n}\n```\n\n### SVG sprite\n\nAdd an icon to be displayed on your page with the following markup (`activity` in the above example can be replaced with any valid icon name):\n\n```html\n\u003csvg width=\"24\" height=\"24\"\u003e\n  \u003cuse xlink:href=\"path/to/tabler-sprite.svg#tabler-activity\" /\u003e\n\u003c/svg\u003e\n```\n\n### React\n\nReact components available through [`@tabler/icons-react`](https://www.npmjs.com/package/@tabler/icons-react) package.\n\n```jsx\nimport { IconAward } from '@tabler/icons-react';\n\nconst MyComponent = () =\u003e {\n  return \u003cIconAward\n    size={36} // set custom `width` and `height`\n    color=\"red\" // set `stroke` color\n    stroke={3}  // set `stroke-width`\n    strokeLinejoin=\"miter\" // override other SVG props\n  /\u003e\n}\n```\n\n`@tabler/icons-react` exports its own type declarations for usage with React and Typescript.\n\nFor more details, see the [documentation](https://github.com/tabler/tabler-icons/tree/master/packages/icons-react).\n\n### Vue\n\nVue components available through [`@tabler/icons-vue`](https://www.npmjs.com/package/@tabler/icons-vue) package.\n\n```vue\n\u003ctemplate\u003e\n  \u003c!-- basic usage --\u003e\n  \u003cIconHome /\u003e\n\n  \u003c!-- set `stroke` color --\u003e\n  \u003cIconHome color=\"red\"/\u003e\n  \u003cIconHome stroke=\"red\"/\u003e\n\n  \u003c!-- set custom `width` and `height` --\u003e\n  \u003cIconHome size=\"36\"/\u003e\n\n  \u003c!-- set `stroke-width` --\u003e\n  \u003cIconHome strokeWidth=\"2\"/\u003e\n  \u003cIconHome stroke-width=\"2\"/\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n// Returns Vue component\nimport { IconHome } from '@tabler/icons-vue';\n\nexport default {\n  components: { IconHome }\n};\n\u003c/script\u003e\n```\n\nor with `\u003cscript setup\u003e`\n\n```vue\n\u003cscript setup\u003e\n// Import Vue component\nimport { IconHome } from '@tabler/icons-vue';\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cIconHome color=\"red\" size=\"36\" strokeWidth=\"2\"/\u003e\n\u003c/template\u003e\n```\n\nFor more details, see the [documentation](https://github.com/tabler/tabler-icons/tree/master/packages/icons-vue).\n\n\n### Angular\n\nAngular components available through [`angular-tabler-icons`](https://www.npmjs.com/package/angular-tabler-icons) package.\nInstall the package, then create icons module:\n\n```ts\nimport { NgModule } from '@angular/core';\n\nimport { TablerIconsModule } from 'angular-tabler-icons';\nimport { IconCamera, IconHeart, IconBrandGithub } from 'angular-tabler-icons/icons';\n\n// Select some icons (use an object, not an array)\nconst icons = {\n  IconCamera,\n  IconHeart,\n  IconBrandGithub\n};\n\n@NgModule({\n  imports: [\n    TablerIconsModule.pick(icons)\n  ],\n  exports: [\n    TablerIconsModule\n  ]\n})\nexport class IconsModule { }\n```\n\nAfter importing the _IconsModule_ in your feature or shared module, use the icons as follows:\n\n```html\n\u003ci-tabler name=\"camera\"\u003e\u003c/i-tabler\u003e\n\u003ci-tabler name=\"heart\" style=\"color: red;\"\u003e\u003c/i-tabler\u003e\n\u003ci-tabler name=\"brand-github\" class=\"someclass\"\u003e\u003c/i-tabler\u003e\n```\n\n`angular-tabler-icons` exports its own type declarations for usage with Typescript.\n\nFor more usage documentation refer to [the official documentation](https://github.com/pierreavn/angular-tabler-icons).\n\n### Svelte\n\nSvelte components available through [`@tabler/icons-svelte`](https://github.com/tabler/tabler-icons/tree/master/packages/icons-svelte) package.\n\n```js\n\u003cscript lang=\"ts\"\u003e\n  import { IconHeart } from '@tabler/icons-svelte';\n\u003c/script\u003e\n\n\u003cmain\u003e\n  \u003cIconHeart size={48} stroke={1} /\u003e\n  \u003cIconHeart size=\"32\" stroke=\"1.5\" /\u003e\n  \u003cIconHeart color=\"crimson\" class=\"p-1\" size=\"96\" stroke=\"2\" /\u003e\n\u003c/main\u003e\n```\n\n## CDN\n\nAll files included in `@tabler/icons` npm package are available over a CDN.\n\n#### React icons\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/@tabler/icons@latest/icons-react/dist/index.umd.min.js\"\u003e\u003c/script\u003e\n```\n\n#### Iconfont\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css\"\u003e\n```\n\nTo load a specific version replace `latest` with the desired version number.\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/@tabler/icons@1.74.0/icons-react/dist/index.umd.min.js\"\u003e\u003c/script\u003e\n```\n\n###### HTML\n```html\n\u003ci class=\"ti ti-brand-tabler\"\u003e\u003c/i\u003e\n```\n\n###### CSS\n```css\ncontent: 'ec8f';\n```\n\n\n### Compiling fonts\n\nTo compile fonts first install [fontforge](https://fontforge.org/en-US/).\n\nWhen compiling the font it will look for a json file `compile-options.json` in root folder (same folder as the `package.json`) In this file you can define extra options:\n\nThe default settings if you have not defined the file will be:\n```JSON\n{\n  \"includeIcons\": [],\n  \"fontForge\": \"fontforge\",\n  \"strokeWidth\": null\n}\n```\n\nThe fontforge executable needs to be in the path or you can set the path to the downloaded fontforge executable in the configuration file. If you installed in on a mac in your application directory it will be `/Applications/FontForge.app/Contents/MacOS/FontForge`. You can set this value in the `compile-options.json` file.\n\n```JSON\n{\n  \"fontForge\": \"/Applications/FontForge.app/Contents/MacOS/FontForge\"\n}\n```\n\nTo compile the fonts run:\n```sh\nnpm run build-iconfont\n```\n\nBy default the stroke width is 2. You can change the stroke width in the `compile-options.json`\n```JSON\n{\n  \"strokeWidth\": 1.5,\n}\n```\n\nTo reduce the font file size you can choose to compile a sub set of icons. When you leave the array empty it will compile all the fonts. To compile only two icons you can set for example the following option in the `compile-options.json`:\n\n```JSON\n{\n  \"includeIcons\": [\"alert-octagon\", \"alert-triangle\"]\n}\n```\n\nOptional property `includeCategories` - an array or string of icon categories to include, category names are case-insensitive.\n```JSON\n{\n  \"includeCategories\": [\"Devices\", \"System\"]\n}\n```\nor\n```JSON\n{\n  \"includeCategories\": \"Devices System\"\n}\n```\n\nOptional property `excludeIcons` - an array of icon names using to exclude some category icons:\n```JSON\n{\n  \"includeCategories\": [\"system\"],\n  \"excludeIcons\": [\"adjustments\"]\n}\n```\n\nComplex solution:\n```JSON\n{\n  \"includeIcons\": [\"alert-octagon\", \"alert-triangle\"],\n  \"includeCategories\": [\"devices\", \"system\"],\n  \"excludeIcons\": [\"adjustments\"]\n}\n```\n\n### Jetpack Compose\n\nFor Android or Desktop you can use [`compose-icons`](https://github.com/DevSrSouza/compose-icons) to use icons in your projects. (see [docs](https://github.com/DevSrSouza/compose-icons/blob/master/tabler-icons/DOCUMENTATION.md))\n\n## Multiple strokes\n\nAll icons in this repository have been created with the value of the `stroke-width` property, so if you change the value, you can get different icon variants that will fit in well with your design.\n\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/icons-stroke-dark.png\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/icons-stroke.png\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/icons-stroke.png\" alt=\"Tabler Icons preview\" width=\"838\"\u003e\n\u003c/picture\u003e\n\n## License\n\nTabler Icons is licensed under the [MIT License](https://github.com/tabler/tabler-icons/blob/master/LICENSE).\n\n\n## Sponsor Tabler\n\n\u003ca href=\"https://github.com/sponsors/codecalm\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/tabler/tabler/raw/dev/src/static/sponsor-banner-readme.png?raw=true\" alt=\"Sponsor Tabler\" /\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftabler%2Ftabler-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftabler%2Ftabler-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftabler%2Ftabler-icons/lists"}