@rany-web/icon-library

A Vue 3 icon library component using Iconify.

Installation

npm install @rany-web/icon-library
# or
yarn add @rany-web/icon-library
# or
pnpm add @rany-web/icon-library

Usage

Global Registration

import { createApp } from "vue";
import RanyIcon from "@rany-web/icon-library";

const app = createApp(App);
app.use(RanyIcon);

Component Usage

<template>
  <RanyIcon icon="mdi:home" width="24" height="24" color="#333" />
</template>

Props

| Prop | Type | Default | Description | | ------ | ------------- | -------------- | ----------------- | | icon | String | (required) | Iconify icon name | | width | String/Number | "1em" | Icon width | | height | String/Number | "1em" | Icon height | | color | String | "currentColor" | Icon color |

Adding Custom Icons

1. Place your SVG icons in the src/assets directory
2. Use the icon name format: rany-icons:icon-name

License

MIT