@toruslabs/vue-icons

7.6.1 • Public • Published

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

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.

Readme

Keywords

none

Package Sidebar

Install

npm i @toruslabs/vue-icons

Weekly Downloads

157

Version

7.6.1

License

MIT

Unpacked Size

472 kB

Total Files

959

Last publish

Collaborators

  • archit_web3
  • himanshunpm009
  • torusresearch
  • chaitanyapotti
  • tetratorus