Lit

Devicons for Lit — a <dev-icon> LitElement plus template helpers, with tree-shakeable icon data. 578 icons in original, plain, line, and their -wordmark variants.

Install

pnpm add @devicons-pack/lit

Usage

As an element:

import {defineDevIcon, register} from '@devicons-pack/lit';
import {Javascript} from '@devicons-pack/lit/original';

register(Javascript);
defineDevIcon();

<dev-icon name="javascript"></dev-icon>
<dev-icon name="javascript" variant="plain-wordmark" label="Javascript"></dev-icon>

Inside your own templates:

import {html} from 'lit';
import {iconTemplate} from '@devicons-pack/lit';
import {Javascript} from '@devicons-pack/lit/original';

html`<button>${iconTemplate(Javascript, 'Launch')} Launch</button>`;

Only imported icons end up in your bundle. Without label the svg is aria-hidden.