0.3.15 • Published 11 months ago

@o7/icon v0.3.15

Weekly downloads
-
License
MIT
Repository
-
Last release
11 months ago

Basic Usage

<script>
  import { UserPlus } from '@o7/icon/lucide';
</script>

<UserPlus />

When you first use an icon, it includes the full svg. Any subsequent uses only need this:

<svg class="🟃i" viewBox="0 0 24 24"><use href="#🟃5"></use></svg>

Recommended: Vite Plugin

If you don't use the Vite plugin, dev mode will be MUCH slower because Vite has to parse every icon when you import one.

Usage:

Add the plugin to your vite.config.ts:

import { o7Icon } from '@o7/icon/vite';

export default defineConfig({
  plugins: [o7Icon()]
});

This automatically rewrites imports behind the scenes:

import { UserPlus } from '@o7/icon/lucide';
// ↓
import UserPlus from '@o7/icon/lucide/UserPlus';

Included Icon Packs:

Changelog

(icons are automatically updated daily as the source repos are updated)

0.3.5

  • Fix regression that broke previews on hover

0.3.0

  • Fix heroicons/outline
  • Add Vite plugin

0.2.0

  • Slightly shrink install size
  • Fix icons not working when unmounted and remounted

0.0.13

  • Add RemixIcon

0.0.6

  • Add material icons
0.3.15

11 months ago

0.3.14

11 months ago

0.3.13

12 months ago

0.3.12

12 months ago

0.3.11

12 months ago

0.3.10

12 months ago

0.3.9

1 year ago

0.3.7

1 year ago

0.3.6

1 year ago

0.3.5

1 year ago

0.3.4

1 year ago

0.3.3

1 year ago

0.3.2

1 year ago

0.3.0

1 year ago

0.3.1

1 year ago

0.2.9

1 year ago

0.2.8

1 year ago

0.2.7

1 year ago

0.2.6

1 year ago

0.2.5

1 year ago

0.2.4

1 year ago

0.2.3

1 year ago

0.2.2

1 year ago

0.2.1

1 year ago

0.2.0

1 year ago

0.1.3

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.0.13

1 year ago

0.0.12

1 year ago

0.0.11

1 year ago

0.0.10

1 year ago

0.0.9

1 year ago

0.0.8

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.5

1 year ago

0.0.3

1 year ago