Vue

Note that this library currently only supports Vue 3.

First, install @devheniik/icons from npm:

npm install @devheniik/icons

Now each icon can be imported individually as a Vue component:

<template>
  <div>
    <BeakerIcon class="h-6 w-6 text-blue-500"/>
    <p>...</p>
  </div>
</template>

<script>
import { BeakerIcon } from '@devheniik/icons'

export default {
  components: { BeakerIcon }
}
</script>

Or you can import all icons at once:

import {createApp} from 'vue'
import './style.css'
import App from './App.vue'


import * as icons from '@devheniik/icons'

const app = createApp(App)


Object.entries(icons).forEach(([componentName, component]) => {
    if (componentName !== 'default') {
        app.component(String(componentName), component)
    }
})


app.mount('#app') 

The 24x24 outline icons can be imported from @devheniik/icons

Icons use an upper camel case naming convention and are always suffixed with the word Icon.