Icons

Dojo includes a curated set of icons specifically for use in Kickserv.

Contents

Kickicons

Click an icon to spawn a modal with the icon’s class. Then just CMD-C to copy it to your clipboard.

Brands

General

Examples

Sizing

<i class="ki-light-bulb"></i>
<i class="ki-light-bulb ki-2x"></i>
<i class="ki-light-bulb ki-3x"></i>
<i class="ki-light-bulb ki-4x"></i>
<i class="ki-light-bulb ki-5x"></i>

Fixed Width

Useful for vertical lists, where icon width should be consistent and centered.





<i class="ki-2x ki-megaphone ki-fw"></i><br>
<i class="ki-2x ki-bookmark ki-fw"></i><br>
<i class="ki-2x ki-globe ki-fw"></i><br>
<i class="ki-2x ki-law ki-fw"></i><br>
<i class="ki-2x ki-sign-out ki-fw"></i>

Rotated and Flipped







<i class="ki-2x ki-megaphone"></i><br>
<i class="ki-2x ki-megaphone ki-rotate-90"></i><br>
<i class="ki-2x ki-megaphone ki-rotate-180"></i><br>
<i class="ki-2x ki-megaphone ki-rotate-270"></i><br>
<i class="ki-2x ki-megaphone ki-flip-horizontal"></i><br>
<i class="ki-2x ki-megaphone ki-flip-vertical"></i><br>

Stacked

<span class="ki-stack ki-4x">
  <i class="ki-norman-back ki-stack-2x"></i>
  <i class="ki-norman-head ki-stack-2x"></i>
  <i class="ki-norman-band ki-stack-2x"></i>  
</span>

Spinning

<i class="ki-sync ki-4x ki-spin"></i>

Loading

<i class="ki-spinner ki-4x ki-pulse"></i>