Icons
Icons used in this system.
Icons
planned
Use Material Design outlined icons.

    <div class="row">
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined">dashboard</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined">apps</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined">group</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined">fingerprint</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined">email</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined">assignment</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined">settings</i>
        </div>
    </div>

Sizing Icons
planned
Increase or decrease the size of icons.

    <div class="row">
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined md-18">camera</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined md-24">camera</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined md-36">camera</i>
        </div>
        <div class="col-1 text-center">
            <i class="material-icons material-icons-outlined md-48">camera</i>
        </div>
    </div>

Flag Icons
planned

    <div class="row">
        <div class="col-1 text-center">
            <span class="flag-icon flag-icon-us"></span>
        </div>
        <div class="col-1 text-center">
            <span class="flag-icon flag-icon-gb"></span>
        </div>
        <div class="col-1 text-center">
            <span class="flag-icon flag-icon-eu"></span>
        </div>
    </div>