Launchpad Icons

Icon font for LaunchpadOS — clean, consistent glyphs with a small CSS API for sizing, shapes, transforms, animation, and badges. Ships compiled CSS + WOFF2 only; no build step required.

Browse the full icon set, search, and copy class names →

Install

npm i @dboio/launchpad-icons

Import the stylesheet (relative font paths resolve automatically):

import '@dboio/launchpad-icons'        // launchpad-icons.css
import '@dboio/launchpad-icons/min'    // launchpad-icons.min.css

Or link it directly:

<link rel="stylesheet" href="node_modules/@dboio/launchpad-icons/dist/assets/css/launchpad-icons.min.css">

CDN (jsDelivr)

No install — pin a version (or use @latest):

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dboio/launchpad-icons@latest/dist/assets/css/launchpad-icons.min.css">

Usage

Every icon is an <i> with a li- class:

<i class="li-dbo"></i>
<i class="li-alert"></i>

Combine with modifiers:

<i class="li-dbo li-2x"></i>            <!-- sizing: li-sm, li-lg, li-1x … li-10x -->
<i class="li-alert li-spin"></i>        <!-- animation: li-spin, li-spin-counter -->
<i class="li-dbo li-rounded"></i>       <!-- shapes: li-circle, li-disc, li-rounded, li-ellipse, li-border -->
<i class="li-dbo li-flip-horizontal"></i> <!-- transforms: li-flip-*, li-rotate-90/180/270 -->

The two weights — regular (400) and lighter (100) — share one character map; see the docs for how to switch.

Full glyph list, live search, and the complete class reference →

License

See LICENSE.