Files
webawesome/source/docs/icons.md
Cory LaViska afa95589eb 1.0.0-beta14
2017-08-13 15:41:38 -04:00

1.7 KiB
Raw Blame History

layout, title, description, stylesheets
layout title description stylesheets
default.html Icons Shoelace doesnt ship with icons, but you can easily add your own!
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css

Icons

Shoelace doesnt bundle its own icons, but you can easily include your favorite library such as Font Awesome. They work superbly together.

This keeps Shoelace light and makes it more customizable.

Font Awesome

You can load Font Awesome locally or via CDN. To use the CDN version, add this to the <head> section of your page:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

Then add icons as you normally would with <i class="fa fa-*"></i>:

Star Check Edit Comment

For your convenience, heres a full list of icons available in Font Awesome.