Version:

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>