// One class. No imports.

Icons.

5,700+ icons from Material, Phosphor and Lucide as a single font kit. Add one stylesheet, then <i class="da-book"></i> just renders — no imports, no SVG sprites, no build step.

1 — add the kit

<link rel="stylesheet" href="https://icons.dakik.co.uk/v1/da-icons.css">

2 — use any icon

<i class="da-book"></i>              <!-- Material (default), 14px -->
<i class="da-ph-book da-xl"></i>     <!-- Phosphor, 20px -->
<i class="da-lu-book-open da-24"></i><!-- Lucide, 24px -->

// Loading icons…

// Sizing

Icons render at 14px by default. Size classes set the --da-size variable, so the same class works per icon or on any ancestor as a page-wide default — put class="da-16" on <html> and every unsized icon becomes 16px.

t-shirt sizes

da-xs 10px · da-sm 12px · da-md 14px · da-lg 16px · da-xl 20px · da-2xl 24px · da-3xl 32px · da-4xl 40px · da-5xl 48px

pixel sizes

da-10 da-12 da-14 da-16 da-18 da-20 da-22 da-24 da-28 da-32 da-36 da-40 da-48 da-56 da-64

global default + arbitrary values

<html class="da-16">                <!-- all unsized icons → 16px -->
<i class="da-book" style="--da-size: 17px"></i>  <!-- any value -->

// Libraries & colour

Plain names (da-book) come from Material Icons. da-ph-* is Phosphor, da-lu-* is Lucide. Icons are text — they inherit currentColor, so style them with your usual color. Only the fonts you actually use get downloaded.