antonreshetov / Vue Eva Icons
Licence: mit
Is a pack of more than 480 beautiful open source Eva icons as Vue components
Stars: ✭ 189
Projects that are alternatives of or similar to Vue Eva Icons
Vue Unicons
1000+ Pixel-perfect svg icons for your next project as Vue components
Stars: ✭ 828 (+338.1%)
Mutual labels: svg, icons, vue-components, svg-icons
Svgsprit.es
Public endpoint to generate SVG Sprites
Stars: ✭ 73 (-61.38%)
Mutual labels: svg, icons, svg-icons
Circle Flags
A collection of 300+ minimal circular SVG country flags
Stars: ✭ 139 (-26.46%)
Mutual labels: svg, icons, svg-icons
Icons
The premium icon font for @uiwjs Component Library. https://uiwjs.github.io/icons
Stars: ✭ 99 (-47.62%)
Mutual labels: svg, icons, svg-icons
Coreui Icons
CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats
Stars: ✭ 1,813 (+859.26%)
Mutual labels: svg, icons, svg-icons
Boxicons
High Quality web friendly icons
Stars: ✭ 1,104 (+484.13%)
Mutual labels: svg, icons, svg-icons
Feathericon
simply generic vector icon collection - including sketch file, svg files, and font files.
Stars: ✭ 178 (-5.82%)
Mutual labels: svg, icons, svg-icons
Browser Logos
🗂 High resolution web browser logos
Stars: ✭ 5,538 (+2830.16%)
Mutual labels: svg, icons, svg-icons
Tabler Icons
A set of over 1400 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Stars: ✭ 10,858 (+5644.97%)
Mutual labels: svg, icons, svg-icons
Materialdesign Svg
@mdi/svg Dist for Material Design Icons.
Stars: ✭ 166 (-12.17%)
Mutual labels: svg, icons, svg-icons
Simple Icons
SVG icons for popular brands
Stars: ✭ 12,090 (+6296.83%)
Mutual labels: svg, icons, svg-icons
React Icomoon
It allows you to simply view the icons in the selection.json file provided by Icomoon.
Stars: ✭ 48 (-74.6%)
Mutual labels: svg, icons, svg-icons
Phosphor Icons
A flexible icon family for the web
Stars: ✭ 56 (-70.37%)
Mutual labels: svg, icons, svg-icons
Svg To Ts
Build performant SVG icon libraries by converting raw SVG files to TypeScript that is optimized for modern tree shaking mechanisms.
Stars: ✭ 131 (-30.69%)
Mutual labels: svg, icons, svg-icons
Phosphor React
A flexible icon family for React
Stars: ✭ 97 (-48.68%)
Mutual labels: svg, icons, svg-icons
Evil Icons
Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN
Stars: ✭ 4,944 (+2515.87%)
Mutual labels: svg, icons, svg-icons
Icons
All SVG icons available on http://game-icons.net
Stars: ✭ 598 (+216.4%)
Mutual labels: svg, icons, svg-icons
Svg Icon
👻 A lightweight library that makes it easier to use SVG icons in your Angular Application
Stars: ✭ 112 (-40.74%)
Mutual labels: svg, icons, svg-icons
Svgiconimagelist
Three engines to render SVG (GDI+, Direct2D or Cairo) and four components to simplify use of SVG images (resize, fixedcolor, grayscale...): TSVGIconImage, TSVGIconImageCollection, TSVGIconVirtualImageList and TSVGIconImageList (for VCL and FMX).
Stars: ✭ 127 (-32.8%)
Mutual labels: svg, icons, svg-icons
Vue Eva Icons
Is a pack of more than 480 beautiful open source eva icons as Vue components
Demo
https://antonreshetov.github.io/vue-eva-icons
Install
NPM
Installing with npm is recommended and it works seamlessly with webpack.
npm i vue-eva-icons
Download
You can download latest version from the Github: Download
Quick start
Global
To use in your project, just import vue-eva-icons and install into Vue.
main.js
import Vue from 'vue'
import App from './App.vue'
import EvaIcons from 'vue-eva-icons'
Vue.use(EvaIcons)
new Vue({
render: h => h(App)
}).$mount('#app')
App.vue
<template>
<eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>
On demand
<template>
<eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>
<script>
import { EvaIcon } from 'vue-eva-icons'
export default {
components: {
[EvaIcon.name]: EvaIcon
}
}
</script>
Props
Name | Description | Type | Accepted values |
---|---|---|---|
name |
Icon name | string |
- |
width |
Width of icon | string |
- |
height |
Height of icon | string |
- |
fill |
Fill color of icon | string |
HEX or color name |
animation |
Type of animation | string |
zoom, pulse, shake, flip |
Events
Name | Description | Payload |
---|---|---|
click |
Triggered when icon was clicked | - |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].