Scutum Admin Template

Material Design Icons

Usage

<i class="mdi mdi-monitor-dashboard"></i>
<i class="mdi mdi-account"></i>
<i class="mdi mdi-book-open-variant"></i>
<i class="mdi mdi-comment-processing-outline"></i>

Colors

<i class="mdi mdi-monitor-dashboard md-color-red-600"></i>
<i class="mdi mdi-account md-color-light-green-600"></i>
<i class="mdi mdi-book-open-variant md-color-indigo-600"></i>
<i class="mdi mdi-comment-processing-outline md-color-cyan-600"></i>

Sizes

<i class="mdi mdi-heart-outline sc-icon-18"></i>
<i class="mdi mdi-heart-outline sc-icon-20"></i>
<i class="mdi mdi-heart-outline sc-icon-22"></i>
<i class="mdi mdi-heart-outline sc-icon-24"></i>
<i class="mdi mdi-heart-outline sc-icon-28"></i>
<i class="mdi mdi-heart-outline sc-icon-32"></i>
<i class="mdi mdi-heart-outline sc-icon-36"></i>
<i class="mdi mdi-heart-outline sc-icon-48"></i>

Modifiers

IconsClick on icon to get HTML code

UIKit icons

Usage

<span uk-icon="icon: image"></span>
<span uk-icon="icon: image; ratio: 1.5"></span>
<span uk-icon="icon: image; ratio: 2"></span>
<span uk-icon="icon: image; ratio: 3"></span>
<span uk-icon="icon: image; ratio: 4"></span>

<a href="#" class="uk-icon-link-right" uk-icon="icon: copy; ratio: 1.5"></a>
<a href="#" class="uk-icon-link-right" uk-icon="icon: file-edit; ratio: 1.5"></a>
<a href="#" class="uk-icon-link" uk-icon="icon: trash; ratio: 1.5"></a>

IconsClick on icon to get HTML code

Themes

Main Menu

Scroll to active

Accordion mode