All Projects → antonreshetov → Vue Eva Icons

antonreshetov / Vue Eva Icons

Licence: mit
Is a pack of more than 480 beautiful open source Eva icons as Vue components

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
Mono Icons
Stars: ✭ 899 (+375.66%)
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

logo of vue-awesome repository

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].