Free Vue icons

Original icons for Vue 3 and Nuxt, as typed components that render inline SVG.

Browse all icons Vue guide

How to use them

1Search the explorer for the icon you need.
2Adjust the size and colour.
3Copy the SVG into your template, or import the component from @ikions/vue.

AppHeader.vue

<script setup>
import { SearchIcon, BellIcon } from "@ikions/vue";
</script>

<template>
  <header class="app-header">
    <SearchIcon :size="20" />
    <BellIcon :size="20" variant="filled" title="Notifications" />
  </header>
</template>