@base-icons/vue

@base-icons/vue

Vue 3 renderer for Base Icons.

npm i @base-icons/core @base-icons/vue

<script setup lang="ts">
import { Icon } from '@base-icons/vue'
import { Add01Icon, Search01Icon } from '@base-icons/core/rounded/stroke'
import { Home01Icon } from '@base-icons/core/rounded/solid'
</script>

<template>
  <Icon :icon="Add01Icon" />
  <Icon :icon="Search01Icon" :size="20" :stroke-width="1.5" class="text-blue-500" />
  <Icon :icon="Home01Icon" size="1.5em" color="#0ea5e9" aria-label="Home" />
</template>

Props

Other attributes and listeners fall through to the <svg> element.

Global registration

import { Icon } from '@base-icons/vue'
app.component('BaseIcon', Icon)