Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Icon: Overview

A web component for displaying icons.

export const main = () => html`
  <lion-icon icon-id="lion:space:alienSpaceship" style="width: 50px; height: 50px;"></lion-icon>
`;

Installation

npm i --save @lion/ui
import { LionIcon } from '@lion/ui/icon.js';
// or
import '@lion/ui/define/lion-icon.js';