Icons

Prompt comes with two icon libraries: Feather Icons and premium svg based two tones icons.

Stockholm-icons / Code / Compiling Created with Sketch.
Stockholm-icons / Code / Git#4 Created with Sketch.
Stockholm-icons / Code / Github Created with Sketch.
Stockholm-icons / Code / Plus Created with Sketch.
Stockholm-icons / Code / Settings#4 Created with Sketch.
Stockholm-icons / Code / Terminal Created with Sketch.
Stockholm-icons / Communication / Address-card Created with Sketch.
Stockholm-icons / Communication / Call#1 Created with Sketch.
Stockholm-icons / Communication / Chat#1 Created with Sketch.
Stockholm-icons / Communication / Clipboard-list Created with Sketch.
Stockholm-icons / Communication / Group-chat Created with Sketch.
Stockholm-icons / Communication / Mail-heart Created with Sketch.

You can check out all the available icons in folder /src/assets/images/icons/duotone-icons folder.

Example
                        @@include("../assets/images/icons/duotone-icons/communication/Mail-heart.svg")
Colors

Use text modifier class .text-* to style the icon. E.g. text-{primary|secondary|success|danger|info|warning}.

Stockholm-icons / Communication / Mail-heart Created with Sketch.
Stockholm-icons / Communication / Call#1 Created with Sketch.
Stockholm-icons / Communication / Chat#1 Created with Sketch.
Stockholm-icons / Communication / Clipboard-list Created with Sketch.
Stockholm-icons / Communication / Group-chat Created with Sketch.
Example
                        @@include("../assets/images/icons/duotone-icons/communication/Mail-heart.svg")
Sizes

Use size modifier class .icon-{xxs|xs|sm|md|lg|xl|xxl} to change the size.

Stockholm-icons / General / Half-heart Created with Sketch.
Stockholm-icons / General / Half-heart Created with Sketch.
Stockholm-icons / General / Half-heart Created with Sketch.
Stockholm-icons / General / Half-heart Created with Sketch.
Stockholm-icons / General / Half-heart Created with Sketch.
Stockholm-icons / General / Half-heart Created with Sketch.
Stockholm-icons / General / Half-heart Created with Sketch.
Example
                        @@include("../assets/images/icons/duotone-icons/communication/Mail-heart.svg")
Feather Icons

Feather is a collection of simply beautiful svg based open source icons. Each icon is designed with an emphasis on simplicity, consistency, and flexibility. To use an icon on your page, add a data-feather attribute with the icon name to an element.

For a complete list of icons, check here.

Example

Use modifier class .icon-dual to convert it into two-tone. All the color variations are available as well. E.g. icon-dual-{primary|secondary|success|danger|info|warning}.

Use size modifier class .icon-{xxs|xs|sm|md|lg|xl|xxl} to change the size.