https://github.com/mehmetsagir/v-svg-icons
Svg icons for VueJS.
https://github.com/mehmetsagir/v-svg-icons
components icons npm npm-package svg svg-icons v-svg-icons vue vuejs
Last synced: 6 months ago
JSON representation
Svg icons for VueJS.
- Host: GitHub
- URL: https://github.com/mehmetsagir/v-svg-icons
- Owner: mehmetsagir
- License: mit
- Created: 2021-01-18T04:55:57.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-11-20T23:18:53.000Z (almost 3 years ago)
- Last Synced: 2025-04-13T13:07:28.601Z (6 months ago)
- Topics: components, icons, npm, npm-package, svg, svg-icons, v-svg-icons, vue, vuejs
- Language: Vue
- Homepage: https://vue-icons.vercel.app/
- Size: 1.61 MB
- Stars: 38
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# v-svg-icons
Svg icons for VueJS.
[Türkçe README dosyası için tıklayın!](https://github.com/mehmetsagir/v-svg-icons/blob/master/trREADME.md)
## Getting Started
These instructions will get you a copy of the component up and running on your local machine.
### Installing
You can install v-svg-icons component by npm
```
npm i v-svg-icons
```
After download, v-svg-icons will be ready to use in your vue.js applications
### Usage
- Export the V-svg-icons component to the main.js file
```js
import icons from "v-svg-icons";
```
- Register v-svg-icons component with any name you want
```js
Vue.component("icon", icons);
```
After this step, it can be used by all registered components in your project by tag name.
- To use icons, you must specify the name of the icon you want with the name parameter inside the tag.
```vue
```
- You can specify the width and height values as in the example.
The default width and height values for all icons are 50px.
```vue
```
- You can use the "color" parameter to change the color of the icons.
```vue
```
- You can use the name of the icon as the class name for additional styling operations.
```vue
```
```css
.arrow-up{
fill: green;
background: red;
width: 150px;
height: 150px;
}
```
You can apply all the changes that can be made for svg as in the example.
## Versioning
We use [GitHub](https://github.com/mehmetsagir/v-svg-icons) for versioning.
## Authors
- **[Mehmet Sağır](https://github.com/mehmetsagir)**
## License
Licensed under the MIT license, see [LICENSE](https://github.com/mehmetsagir/v-svg-icons/blob/master/LICENSE) for details.