@extends('admin/layouts/default') {{-- Page title --}} @section('title') Font Icons @parent @stop {{-- page level styles --}} @section('header_styles') @stop {{-- Page content --}} @section('content')

Font Icons

  1. Dashboard
  2. UI Features
  3. Font Icons
Icons
Sizing icons
<i class="align-self-center fa-2x fas fa-igloo fa-xs"></i> <i class=" fas fa-archway fa-sm"></i> <i class=" fas fa-archway fa-lg"></i> <i class=" fas fa-archway fa-2x"></i> <i class=" fas fa-archway fa-3x"></i> <i class=" fas fa-archway fa-5x"></i> <i class=" fas fa-archway fa-7x"></i> <i class=" fas fa-archway fa-10x"></i>
Rotating icons
<div class="fa-4x"> <i class="fas fa-snowman"></i> <i class="fas fa-snowman fa-rotate-90"></i> <i class="fas fa-snowman fa-rotate-180"></i> <i class="fas fa-snowman fa-rotate-270"></i> <i class="fas fa-snowman fa-flip-horizontal"></i> <i class="fas fa-snowman fa-flip-vertical"></i> <i class="fas fa-snowman fa-flip-both"></i> </div>
Animating icons
<div class="fa-3x"> <i class="align-self-center fas fa-spinner fa-spin"></i> <i class="align-self-center fas fa-circle-notch fa-spin"></i> <i class="align-self-center fas fa-sync fa-spin"></i> <i class="align-self-center fas fa-cog fa-spin"></i> <i class="align-self-center fas fa-spinner fa-pulse"></i> <i class="align-self-center fas fa-star-christmas fa-spin"></i> </div>
color icons
@stop {{-- page level scripts --}} @section('footer_scripts') @stop