Icons are lightweight, highly optimized scalable vector graphics (SVG). Clean & consistent Designed with a strict set of design rules for consistency in style and readability.

File icons 165; Finance 51; Food & beverage 68; Gaming 138; Home 49; Layout 136; Mail 26; Mathematics 71; Medical 41; Multimedia 131; Nature 19; Navigation 136; Notification 39; …

What is Lucide? Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects.

Using this module, Nuxt projects can incorporate Lucide icons. It is fully configurable and supports auto imports and tree-shaking.

To reduce bundle size, lucide is built to be fully tree-shakable. The createIcons function will search for HTMLElements with the attribute data-lucide and replace it with the svg from the …

import { createIcons, icons } from 'lucide'; createIcons ({ icons }); document.body. append ('<i data-lucide="list"></i>');

import { createIcons, icons } from 'lucide'; createIcons ({ icons }); document.body. append ('<i data-lucide="x"></i>');

Lucide lab is a collection of icons that are not part of the Lucide main library. They can be used by using the Icon component. All props of the regular Lucide icons can be passed to adjust the …

import { createIcons, icons } from 'lucide'; createIcons ({ icons }); document.body. append ('<i data-lucide="download"></i>');

import { createIcons, icons } from 'lucide'; createIcons ({ icons }); document.body. append ('<i data-lucide="search"></i>');