UI Schema

Icons

<!-- Basic icons -->
<i data-schema-icon="cc"></i>
<i class="ui-text-primary" data-schema-icon="cc-by"></i>
<i data-schema-icon="cc-sa" data-schema-color="#3c763d"></i>
<i data-schema-icon="chrome"></i>

<!-- Animated icons -->
<i class="ui-icon-spin" data-schema-icon="spinner"></i>
<i class="ui-icon-spin" data-schema-icon="spinner-notch"></i>
<i class="ui-icon-pulse" data-schema-icon="spinner-ring"></i>

<!-- Rotated and flipped icons -->
<i data-schema-icon="shield"></i>
<i class="ui-rotate-90" data-schema-icon="shield"></i>
<i class="ui-rotate-180" data-schema-icon="shield"></i>
<i class="ui-rotate-270" data-schema-icon="shield"></i>
<i class="ui-flip-horizontal" data-schema-icon="shield"></i>
<i class="ui-flip-vertical" data-schema-icon="shield"></i>

<!-- Circular and bordered icons -->
<i class="ui-icon-circular" data-schema-icon="weibo"></i>
<i class="ui-icon-circular ui-icon-inverse" data-schema-icon="weibo"></i>
<i class="ui-icon-bordered" data-schema-icon="twitter"></i>
<i class="ui-icon-bordered ui-icon-stroked" data-schema-icon="twitter"></i>

<!-- SVG sprites -->
<object class="ui-icon-sprite" type="image/svg+xml" data="http://oss.arxitics.com/images/svg/sprites.svg#square"></object>