Installations
npm install @tabler/icons-vueDeveloper Guide
Typescript
Yes
Module System
CommonJS
Node Version
20.18.1
NPM Version
11.0.0
Releases
Contributors
Languages
JavaScript (57.34%)
TypeScript (18.11%)
SCSS (7.5%)
HTML (6.18%)
Liquid (5.42%)
CSS (3.98%)
Svelte (0.92%)
Vue (0.3%)
Python (0.25%)
Developer
Download Statistics
Total Downloads
587,217
Last Day
2,468
Last Week
10,106
Last Month
42,748
Last Year
419,604
GitHub Statistics
18,707 Stars
1,885 Commits
944 Forks
103 Watching
11 Branches
71 Contributors
Bundle Size
2.65 MB
Minified
454.06 kB
Minified + Gzipped
Sponsor this package
Maintainers
Package Meta Information
Latest Version
3.29.0
Package Id
@tabler/icons-vue@3.29.0
Unpacked Size
36.96 MB
Size
2.72 MB
File Count
11,705
NPM Version
11.0.0
Node Version
20.18.1
Publised On
21 Jan 2025
Total Downloads
Cumulative downloads
Total Downloads
587,217
Last day
6.9%
2,468
Compared to previous day
Last week
-6.6%
10,106
Compared to previous week
Last month
4.5%
42,748
Compared to previous month
Last year
151.5%
419,604
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
1
Tabler Icons for Vue
Implementation of the Tabler Icons library for Vue 3 applications.
Browse all icons at tabler-icons.io →
Sponsors
If you want to support my project and help me grow it, you can become a sponsor on GitHub or just donate on PayPal :)
Installation
yarn add @tabler/icons-vue
or
npm install @tabler/icons-vue
or
pnpm install @tabler/icons-vue
or just download from Github.
How to use
All icons are Vue components that contain SVG elements. So any icon can be imported and used as a component. It also helps to use threeshaking, so you only import the icons you use.
1<template> 2 <!-- basic usage --> 3 <IconHome /> 4 5 <!-- set `stroke` color --> 6 <IconHome color="red"/> 7 <IconHome stroke="red"/> 8 9 <!-- set custom `width` and `height` --> 10 <IconHome size="36"/> 11 12 <!-- set `stroke-width` --> 13 <IconHome strokeWidth="2"/> 14 <IconHome stroke-width="2"/> 15</template> 16 17<script> 18// Returns Vue component 19import { IconHome } from '@tabler/icons-vue'; 20 21export default { 22 components: { IconHome } 23}; 24</script>
or with <script setup>
1<script setup> 2// Import Vue component 3import { IconHome } from '@tabler/icons-vue'; 4</script> 5 6<template> 7 <IconHome color="red" size="36" strokeWidth="2"/> 8</template>
You can pass additional attribute stroke-width="1" alongside the props to adjust the icon.
1<IconHome color="red" size="48" stroke-width="1" />
Props
| name | type | default |
|---|---|---|
size | Number | 24 |
color | String | currentColor |
strokeWidth | Number | 2 |
Contributing
For more info on how to contribute please see the contribution guidelines.
Caught a mistake or want to contribute to the documentation? Edit this page on Github
License
Tabler Icons is licensed under the MIT License.
Sponsor Tabler
No vulnerabilities found.
Reason
30 commit(s) and 4 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
no binaries found in the repo
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
Reason
9 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- 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-c76h-2ccp-4975
- Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6
- Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
- Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc
Reason
Found 2/30 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
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
Reason
Project has not signed or included provenance with any releases.
Details
- Warn: release artifact v3.29.0 not signed: https://api.github.com/repos/tabler/tabler-icons/releases/195941779
- Warn: release artifact v3.28.1 not signed: https://api.github.com/repos/tabler/tabler-icons/releases/193671692
- Warn: release artifact v3.28.0 not signed: https://api.github.com/repos/tabler/tabler-icons/releases/193607661
- Warn: release artifact v3.27.1 not signed: https://api.github.com/repos/tabler/tabler-icons/releases/193362167
- Warn: release artifact v3.27.0 not signed: https://api.github.com/repos/tabler/tabler-icons/releases/193358366
- Warn: release artifact v3.29.0 does not have provenance: https://api.github.com/repos/tabler/tabler-icons/releases/195941779
- Warn: release artifact v3.28.1 does not have provenance: https://api.github.com/repos/tabler/tabler-icons/releases/193671692
- Warn: release artifact v3.28.0 does not have provenance: https://api.github.com/repos/tabler/tabler-icons/releases/193607661
- Warn: release artifact v3.27.1 does not have provenance: https://api.github.com/repos/tabler/tabler-icons/releases/193362167
- Warn: release artifact v3.27.0 does not have provenance: https://api.github.com/repos/tabler/tabler-icons/releases/193358366
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 4 are checked with a SAST tool
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
Score
4.3
/10
Last Scanned on 2025-01-27
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn MoreOther packages similar to @tabler/icons-vue
@vicons/tabler
Vue3 SVG icon components integrated from [`tabler`](https://github.com/tabler/tabler-icons)
vue-tabler-icons
   ![NPM
@iconify-prerendered/vue-tabler
Tabler Icons components for Vue. Designed for ease of use and high performance
@kalimahapps/vue-icons
60,000+ SVG icons of popular icon sets that you can add seamlessly to vue projects