# Install

```
npm i @mate-vue/icon
```

# Import

```vue
<script setup>
import { MateIcon } from '@mate-vue/icon';
</script>
```

# Variants

## Default

```vue
<template>
  <MateIcon>person_baseline</MateIcon>
</template>
```

## With Label (Accessible)

```vue
<template>
  <MateIcon aria-label="Person">person_baseline</MateIcon>
</template>
```

## Icon in Button

```vue
<template>
  <MateButton theme="icon">
    <span aria-label="Search">search</span>
  </MateButton>
</template>
```