@obiwanpelosi/vue-icons

Vue Icons

A comprehensive collection of Vue 3 icon components, including multiple icon sets:

• Feather Icons
• Bootstrap Icons
• Ant Design Icons
• Box Icons
• Circum Icons
• CSS.gg Icons
• Dev Icons

Installation

npm install @obiwanpelosi/vue-icons

Usage

<script setup>
import { ActivityIcon } from "@obiwanpelosi/vue-icons";
</script>

<template>
  <ActivityIcon />
</template>

Available Icon Sets

Feather Icons

import { ActivityIcon, AirplayIcon, AlertCircleIcon } from
'@obiwanpelosi/vue-icons'

Bootstrap Icons

import { AlarmIcon, ArchiveIcon, ArrowLeftIcon } from '@obiwanpelosi/vue-icons'

Ant Design Icons

import { AccountBookIcon, AlertIcon, ApiIcon } from '@obiwanpelosi/vue-icons'

Box Icons

import { AbacusIcon, AddToQueueIcon, AdjustIcon } from '@obiwanpelosi/vue-icons'

Circum Icons

import { ActivityIcon, AddIcon, AdjustIcon } from '@obiwanpelosi/vue-icons'

CSS.gg Icons

import { AddIcon, AdidasIcon, AdobeIcon } from '@obiwanpelosi/vue-icons'

Dev Icons

import { AngularIcon, ReactIcon, VueIcon } from '@obiwanpelosi/vue-icons'

Props

All icons extend the BaseIcon component and accept the following props:

interface BaseIconProps {
  size?: string | number; // Default: "1em"
  color?: string; // Default: "currentColor"
  class?: string; // Default: ""
  style?: Record<string, string | number>;
  viewBox?: string; // Default: "0 0 24 24"
}

License

MIT