Overview

Linear Admin uses Phosphor Icons as the default icons library for all of it’s font-icon requirements.

Phosphor icons consolidating over 7000 glyphs with a wide range of design variants. Icons are available in six variants (Thin, Light, Regular, Bold, Fill and Duotone).

Basic usage

Use a consistent <i> tag to reference the icons in your code. Start browsing the icons page to find and copy the classname of icons.

<i class="ph ph-[icon-name]"></i>

Example:

<i class="ph ph-airplane"></i>

Styling

These are font-based icons, meaning you can style with CSS just like how you style an HTML element.

HTML

<i class="ph ph-airplane icon-custom"></i>

CSS

.icon-custom {
    color: #1182ee;
    font-size: 3rem;
}