Setup & Usage

Include the Flux Icon library in your project within seconds.

EASIEST METHOD

1 CDN (Quick Start)

Without any installation, just paste this into the <head> section of your HTML file:

Alternative Link (CamelCase):

https://cdn.jsdelivr.net/npm/flux-icons-pro-pack@latest/dist-font/flux-icons.css

Usage:

<i class="flux-icon flux-icon-home"></i>

2 Install Package (NPM)

For Vue or React projects, open your terminal and run:

npm install flux-icons-pro-pack

View on NPM →

3 Register Globally

Define it in the entry file of your Vue or Nuxt project (main.js or plugin):

import { createApp } from 'vue'
import FluxIcons from 'flux-icons-pro-pack'

const app = createApp(App)
app.use(FluxIcons) // Makes all icons global
app.mount('#app')

4 Use the Component

Now you can use it anywhere: