@toruslabs/vue-icons
v7.6.2
Published
Tor.us icons for Vue 3
Downloads
2,935
Keywords
Readme
@toruslabs/vue-icons
Tor.us icons for Vue 3.
Usage
Icon styles are preconfigured to be stylable by setting the color
CSS property, either manually or using utility classes like text-gray-500
in a framework like Tailwind CSS.
First, install @toruslabs/vue-icons
from npm:
npm install @toruslabs/vue
Now each icon can be imported individually as a Vue component:
<template>
<div>
<BookmarkIcon class="h-5 w-5 text-blue-500" />
<p>...</p>
</div>
</template>
<script setup>
import { BookmarkIcon } from "@toruslabs/vue-icons/basic";
</script>
Icons are grouped into subdirectories following the Tor.us Icons on Figma.
Icons use pascal case naming convention and are always suffixed with the word Icon
.