@toruslabs/vue-icons

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