Artificial Reason Icons
Normal Icons
Inverse Icons
Round Icons
Round Inverse
1 2 3 4 | <span class="icon-ar"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-inverse"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-round"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-round icon-ar-inverse"><i class="fa fa-cloud"></i></span> |
Square Icons
Square Inverse
Circle Icons
Circle Inverse
1 2 3 4 | <span class="icon-ar icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-square icon-ar-inverse"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-circle"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-circle icon-ar-inverse"><i class="fa fa-cloud"></i></span> |
Small Icons
Large Icons
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!-- Small Icons --><span class="icon-ar icon-ar-sm icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-sm icon-ar-round"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-sm"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-sm icon-ar-circle"><i class="fa fa-globe"></i></span><span class="icon-ar icon-ar-inverse icon-ar-sm icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-inverse icon-ar-sm icon-ar-round"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-inverse icon-ar-sm"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse icon-ar-sm icon-ar-circle"><i class="fa fa-globe"></i></span><!-- Large Icons --><span class="icon-ar icon-ar-lg icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-lg icon-ar-round"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-lg icon-ar-circle"><i class="fa fa-globe"></i></span><span class="icon-ar icon-ar-inverse icon-ar-lg icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-inverse icon-ar-lg icon-ar-round"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-inverse icon-ar-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse icon-ar-lg icon-ar-circle"><i class="fa fa-globe"></i></span> |
XL Large Icons
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <span class="icon-ar icon-ar-xl-lg icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-xl-lg icon-ar-round"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-xl-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-xl-lg icon-ar-circle"><i class="fa fa-globe"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle"><i class="fa fa-globe"></i></span><span class="icon-ar icon-ar-xl-lg icon-ar-square icon-ar-danger"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-xl-lg icon-ar-round icon-ar-warning"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-xl-lg icon-ar-success"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-xl-lg icon-ar-circle icon-ar-help"><i class="fa fa-globe"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square icon-ar-info"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round icon-ar-help"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-warning"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle icon-ar-success"><i class="fa fa-globe"></i></span> |
Color Icons
Inverse Color Icons
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <span class="icon-ar icon-ar-danger"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-warning"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-success"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-info"><i class="fa fa-globe"></i></span><span class="icon-ar icon-ar-help"><i class="fa fa-send"></i></span><span class="icon-ar icon-ar-black"><i class="fa fa-user"></i></span><!-- Inverse --><span class="icon-ar icon-ar-danger icon-ar-inverse"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-warning icon-ar-inverse"><i class="fa fa-tachometer"></i></span><span class="icon-ar icon-ar-success icon-ar-inverse"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-info icon-ar-inverse"><i class="fa fa-globe"></i></span><span class="icon-ar icon-ar-help icon-ar-inverse"><i class="fa fa-send"></i></span><span class="icon-ar icon-ar-black icon-ar-inverse"><i class="fa fa-user"></i></span> |
White Icons for Darks Backgrounds
Normal Icons
Inverse Icons
Round Icons
Round Inverse
Square Icons
Square Inverse
Circle Icons
Circle Inverse
1 2 3 4 5 6 7 8 9 | <span class="icon-ar icon-ar-white"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-white icon-ar-inverse"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-white icon-ar-round"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-white icon-ar-round icon-ar-inverse"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-white icon-ar-square"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-white icon-ar-square icon-ar-inverse"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-white icon-ar-circle"><i class="fa fa-cloud"></i></span><span class="icon-ar icon-ar-white icon-ar-circle icon-ar-inverse"><i class="fa fa-cloud"></i></span> |
Examples Size Icons
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <span class="icon-ar icon-ar-xl-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-sm"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse icon-ar-xl-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse icon-ar-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-inverse icon-ar-sm"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-circle icon-ar-xl-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-circle icon-ar-lg"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-circle"><i class="fa fa-coffee"></i></span><span class="icon-ar icon-ar-circle icon-ar-sm"><i class="fa fa-coffee"></i></span> |