# Значки

# Подключение набора значков

Подключите svg плагин из takwot-ui-build-utils в конфигурации Vite

// vite.config.ts

import { svgPlugin } from 'takwot-ui-build-utils'

export default {
  plugins: [
    svgPlugin()
  ],
}

Убедитесь что компонент с набором значков добавлен к основной разметке приложения. Обычно это Layout.vue

import { VueComponent as IconsList } from 'takwot-ui/lib/images/icons.svg'

export default {
  name: 'Layout',
  components: {
    IconsList,
  },
}

<template>
  <IconsList />
  ...
</template>

После этого значки можно использовать

import { Icon } from 'takwot-ui'

export default {
  components: { Icon }
}

<Icon name="icon-close-o" class="w-5 h-5" />