Aviala Design Icons

A customizable icon library with support for multiple styles.

🎉 There are 𝟷𝟶𝟶𝟶+ icons available 🎉

Preview Get DesignSources

Installation

npm install @aviala-design/icons
# or
yarn add @aviala-design/icons

Import

All:

import { allIcons, getIcon } from 'all.js';

Some one:

import { Generic_home } from 'Generic_home.js';

Uesd

<aviala-icon name="user" mode="fill" color="#ff0000" class="medium-icon"></aviala-icon>

const icon = document.createElement('aviala-icon');
icon.setAttribute('name', 'user');
icon.setAttribute('mode', 'colorful');
icon.classList.add('medium-icon');
document.body.appendChild(icon);