@blokwise/icons

Some awesome SVG icons for nuxt projects

Usage no npm install needed!

<script type="module">
  import blokwiseIcons from 'https://cdn.skypack.dev/@blokwise/icons';
</script>

README

@blokwise/icons

Installation

Add @blokwise/icons dependency to your project:

yarn add @blokwise/icons

npm install @blokwise/icons

Then, add @blokwise/icons to the modules section of nuxt.config.js:

{
  modules: [
    [
      '@blokwise/icons',
      {
        prefix: 'icon'
      }
    ]
  ],
}

Usage

Use icon components

<template>
  <IconGitHub />
</template>

Load the icons lazily

The icon components can be loaded lazily as LazyIconGitHub.

<template>
  <LazyIconGitHub />
</template>

Credits

A lot of the icons are made by the tailwind labs team and are taken from https://heroicons.dev/