https://github.com/wyatt-herkamp/vue3-simple-icons
Simple-Icons for Vue3 with Typescript Definitions.
https://github.com/wyatt-herkamp/vue3-simple-icons
icons vue
Last synced: 3 days ago
JSON representation
Simple-Icons for Vue3 with Typescript Definitions.
- Host: GitHub
- URL: https://github.com/wyatt-herkamp/vue3-simple-icons
- Owner: wyatt-herkamp
- License: mit
- Created: 2022-07-07T23:58:31.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-22T11:37:35.000Z (10 months ago)
- Last Synced: 2025-01-17T09:05:27.398Z (4 months ago)
- Topics: icons, vue
- Language: TypeScript
- Homepage: https://vue3-simple-icons.wyatt-herkamp.dev/
- Size: 816 KB
- Stars: 30
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# vue3-simple-icons [](https://forthebadge.com) [](https://forthebadge.com) [](https://badge.fury.io/js/vue3-simple-icons)
[Simple Icons](https://simpleicons.org/) as Vue components.
## Install
```bash
npm install vue3-simple-icons
```
## Usage
```js
import { ApacheMavenIcon, NpmIcon } from 'vue3-simple-icons'
```
See all icons and usage here: https://vue3-simple-icons.wyatt-herkamp.dev/
```html
```
You can also set a `px` size directly by passing an integer
```html
```
## Note
* Because [identifiers can’t start with numeric literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Identifier_after_number), names beginning with numbers have them converted to English words. For example, the logo for 500px is available as `FiveHundredPxIcon`.
* Versioning follows the [Simple Icons](https://github.com/simple-icons/simple-icons) package.
## Credit
Forked from [mainvest/vue3-simple-icons](https://github.com/mainvest/vue-simple-icons)
Based on [**vue-feather-icons**](https://github.com/egoist/vue-feather-icons) by [egoist](https://github.com/egoist)