@toruslabs/vue-icons

Tor.us icons for Vue 3.

Usage no npm install needed!

<script type="module">
  import toruslabsVueIcons from 'https://cdn.skypack.dev/@toruslabs/vue-icons';
</script>

README

@toruslabs/vue-icons

Tor.us icons for Vue 3.

Latest Release License

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:

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