Vue

Installation

    npm i @sveegy/icons-vue
  

Usage

To use Sveegy icons, just import an icon into vue component like any other component.

All included icons are corresponding with icons displayed on icons. To use them, they have to be prefixed with sv and suffixed with icon type, which can be fill and stroke. Names of icons are in PascalCase or in hyphen-separated case, which is supported by Vue. For example, name of the Align center stroke icon may be SvAlignCenterStroke or sv-align-center-stroke.

    <script setup>
import { SvHeartStroke } from '@sveegy/icons-vue'
</script>

<template>
  <button>
    Like
    <sv-heart-stroke size="40px" />
  </button>
</template>
  

Output

Props