EVOLUTION-MANAGER

Edit File: e612168c7753436ad6acc7ae2f0540b2e804d387.php

<div class="listado_iconos"> <article id="icon-classic-yin-yang-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-yin-yang fa-fw"></i></span> <span class="icon-name">yin-yang</span></button> <!----> <!----> </article> <article id="icon-classic-yen-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-yen-sign fa-fw"></i></span> <span class="icon-name">yen-sign</span></button> <!----> <!----> </article> <article id="icon-classic-x-ray-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-x-ray fa-fw"></i></span> <span class="icon-name">x-ray</span></button> <!----> <!----> </article> <article id="icon-classic-wrench-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wrench fa-fw"></i></span> <span class="icon-name">wrench</span></button> <!----> <!----> </article> <article id="icon-classic-won-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-won-sign fa-fw"></i></span> <span class="icon-name">won-sign</span></button> <!----> <!----> </article> <article id="icon-classic-wine-glass-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wine-glass-alt fa-fw"></i></span> <span class="icon-name">wine-glass-alt</span></button> <!----> <!----> </article> <article id="icon-classic-wine-glass-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wine-glass fa-fw"></i></span> <span class="icon-name">wine-glass</span></button> <!----> <!----> </article> <article id="icon-classic-wine-bottle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wine-bottle fa-fw"></i></span> <span class="icon-name">wine-bottle</span></button> <!----> <!----> </article> <article id="icon-classic-window-restore-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-window-restore fa-fw"></i></span> <span class="icon-name">window-restore</span></button> <!----> <!----> </article> <article id="icon-classic-window-minimize-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-window-minimize fa-fw"></i></span> <span class="icon-name">window-minimize</span></button> <!----> <!----> </article> <article id="icon-classic-window-maximize-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-window-maximize fa-fw"></i></span> <span class="icon-name">window-maximize</span></button> <!----> <!----> </article> <article id="icon-classic-window-close-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-window-close fa-fw"></i></span> <span class="icon-name">window-close</span></button> <!----> <!----> </article> <article id="icon-classic-wind-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wind fa-fw"></i></span> <span class="icon-name">wind</span></button> <!----> <!----> </article> <article id="icon-classic-wifi-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wifi fa-fw"></i></span> <span class="icon-name">wifi</span></button> <!----> <!----> </article> <article id="icon-classic-wheelchair-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wheelchair fa-fw"></i></span> <span class="icon-name">wheelchair</span></button> <!----> <!----> </article> <article id="icon-classic-weight-hanging-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-weight-hanging fa-fw"></i></span> <span class="icon-name">weight-hanging</span></button> <!----> <!----> </article> <article id="icon-classic-weight-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-weight fa-fw"></i></span> <span class="icon-name">weight</span></button> <!----> <!----> </article> <article id="icon-classic-wave-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wave-square fa-fw"></i></span> <span class="icon-name">wave-square</span></button> <!----> <!----> </article> <article id="icon-classic-water-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-water fa-fw"></i></span> <span class="icon-name">water</span></button> <!----> <!----> </article> <article id="icon-classic-warehouse-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-warehouse fa-fw"></i></span> <span class="icon-name">warehouse</span></button> <!----> <!----> </article> <article id="icon-classic-wallet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-wallet fa-fw"></i></span> <span class="icon-name">wallet</span></button> <!----> <!----> </article> <article id="icon-classic-walking-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-walking fa-fw"></i></span> <span class="icon-name">walking</span></button> <!----> <!----> </article> <article id="icon-classic-vr-cardboard-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vr-cardboard fa-fw"></i></span> <span class="icon-name">vr-cardboard</span></button> <!----> <!----> </article> <article id="icon-classic-vote-yea-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vote-yea fa-fw"></i></span> <span class="icon-name">vote-yea</span></button> <!----> <!----> </article> <article id="icon-classic-volume-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-volume-up fa-fw"></i></span> <span class="icon-name">volume-up</span></button> <!----> <!----> </article> <article id="icon-classic-volume-off-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-volume-off fa-fw"></i></span> <span class="icon-name">volume-off</span></button> <!----> <!----> </article> <article id="icon-classic-volume-mute-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-volume-mute fa-fw"></i></span> <span class="icon-name">volume-mute</span></button> <!----> <!----> </article> <article id="icon-classic-volume-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-volume-down fa-fw"></i></span> <span class="icon-name">volume-down</span></button> <!----> <!----> </article> <article id="icon-classic-volleyball-ball-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-volleyball-ball fa-fw"></i></span> <span class="icon-name">volleyball-ball</span></button> <!----> <!----> </article> <article id="icon-classic-voicemail-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-voicemail fa-fw"></i></span> <span class="icon-name">voicemail</span></button> <!----> <!----> </article> <article id="icon-classic-viruses-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-viruses fa-fw"></i></span> <span class="icon-name">viruses</span></button> <!----> <!----> </article> <article id="icon-classic-virus-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-virus-slash fa-fw"></i></span> <span class="icon-name">virus-slash</span></button> <!----> <!----> </article> <article id="icon-classic-virus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-virus fa-fw"></i></span> <span class="icon-name">virus</span></button> <!----> <!----> </article> <article id="icon-classic-vihara-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vihara fa-fw"></i></span> <span class="icon-name">vihara</span></button> <!----> <!----> </article> <article id="icon-classic-video-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-video-slash fa-fw"></i></span> <span class="icon-name">video-slash</span></button> <!----> <!----> </article> <article id="icon-classic-video-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-video fa-fw"></i></span> <span class="icon-name">video</span></button> <!----> <!----> </article> <article id="icon-classic-vials-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vials fa-fw"></i></span> <span class="icon-name">vials</span></button> <!----> <!----> </article> <article id="icon-classic-vial-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vial fa-fw"></i></span> <span class="icon-name">vial</span></button> <!----> <!----> </article> <article id="icon-classic-vest-patches-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vest-patches fa-fw"></i></span> <span class="icon-name">vest-patches</span></button> <!----> <!----> </article> <article id="icon-classic-vest-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vest fa-fw"></i></span> <span class="icon-name">vest</span></button> <!----> <!----> </article> <article id="icon-classic-venus-mars-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-venus-mars fa-fw"></i></span> <span class="icon-name">venus-mars</span></button> <!----> <!----> </article> <article id="icon-classic-venus-double-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-venus-double fa-fw"></i></span> <span class="icon-name">venus-double</span></button> <!----> <!----> </article> <article id="icon-classic-venus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-venus fa-fw"></i></span> <span class="icon-name">venus</span></button> <!----> <!----> </article> <article id="icon-classic-vector-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-vector-square fa-fw"></i></span> <span class="icon-name">vector-square</span></button> <!----> <!----> </article> <article id="icon-classic-utensils-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-utensils fa-fw"></i></span> <span class="icon-name">utensils</span></button> <!----> <!----> </article> <article id="icon-classic-utensil-spoon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-utensil-spoon fa-fw"></i></span> <span class="icon-name">utensil-spoon</span></button> <!----> <!----> </article> <article id="icon-classic-users-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-users-slash fa-fw"></i></span> <span class="icon-name">users-slash</span></button> <!----> <!----> </article> <article id="icon-classic-users-cog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-users-cog fa-fw"></i></span> <span class="icon-name">users-cog</span></button> <!----> <!----> </article> <article id="icon-classic-users-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-users fa-fw"></i></span> <span class="icon-name">users</span></button> <!----> <!----> </article> <article id="icon-classic-user-times-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-times fa-fw"></i></span> <span class="icon-name">user-times</span></button> <!----> <!----> </article> <article id="icon-classic-user-tie-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-tie fa-fw"></i></span> <span class="icon-name">user-tie</span></button> <!----> <!----> </article> <article id="icon-classic-user-tag-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-tag fa-fw"></i></span> <span class="icon-name">user-tag</span></button> <!----> <!----> </article> <article id="icon-classic-user-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-slash fa-fw"></i></span> <span class="icon-name">user-slash</span></button> <!----> <!----> </article> <article id="icon-classic-user-shield-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-shield fa-fw"></i></span> <span class="icon-name">user-shield</span></button> <!----> <!----> </article> <article id="icon-classic-user-secret-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-secret fa-fw"></i></span> <span class="icon-name">user-secret</span></button> <!----> <!----> </article> <article id="icon-classic-user-plus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-plus fa-fw"></i></span> <span class="icon-name">user-plus</span></button> <!----> <!----> </article> <article id="icon-classic-user-nurse-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-nurse fa-fw"></i></span> <span class="icon-name">user-nurse</span></button> <!----> <!----> </article> <article id="icon-classic-user-ninja-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-ninja fa-fw"></i></span> <span class="icon-name">user-ninja</span></button> <!----> <!----> </article> <article id="icon-classic-user-minus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-minus fa-fw"></i></span> <span class="icon-name">user-minus</span></button> <!----> <!----> </article> <article id="icon-classic-user-md-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-md fa-fw"></i></span> <span class="icon-name">user-md</span></button> <!----> <!----> </article> <article id="icon-classic-user-lock-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-lock fa-fw"></i></span> <span class="icon-name">user-lock</span></button> <!----> <!----> </article> <article id="icon-classic-user-injured-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-injured fa-fw"></i></span> <span class="icon-name">user-injured</span></button> <!----> <!----> </article> <article id="icon-classic-user-graduate-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-graduate fa-fw"></i></span> <span class="icon-name">user-graduate</span></button> <!----> <!----> </article> <article id="icon-classic-user-friends-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-friends fa-fw"></i></span> <span class="icon-name">user-friends</span></button> <!----> <!----> </article> <article id="icon-classic-user-edit-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-edit fa-fw"></i></span> <span class="icon-name">user-edit</span></button> <!----> <!----> </article> <article id="icon-classic-user-cog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-cog fa-fw"></i></span> <span class="icon-name">user-cog</span></button> <!----> <!----> </article> <article id="icon-classic-user-clock-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-clock fa-fw"></i></span> <span class="icon-name">user-clock</span></button> <!----> <!----> </article> <article id="icon-classic-user-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-circle fa-fw"></i></span> <span class="icon-name">user-circle</span></button> <!----> <!----> </article> <article id="icon-classic-user-check-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-check fa-fw"></i></span> <span class="icon-name">user-check</span></button> <!----> <!----> </article> <article id="icon-classic-user-astronaut-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-astronaut fa-fw"></i></span> <span class="icon-name">user-astronaut</span></button> <!----> <!----> </article> <article id="icon-classic-user-alt-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-alt-slash fa-fw"></i></span> <span class="icon-name">user-alt-slash</span></button> <!----> <!----> </article> <article id="icon-classic-user-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user-alt fa-fw"></i></span> <span class="icon-name">user-alt</span></button> <!----> <!----> </article> <article id="icon-classic-user-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-user fa-fw"></i></span> <span class="icon-name">user</span></button> <!----> <!----> </article> <article id="icon-classic-upload-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-upload fa-fw"></i></span> <span class="icon-name">upload</span></button> <!----> <!----> </article> <article id="icon-classic-unlock-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-unlock-alt fa-fw"></i></span> <span class="icon-name">unlock-alt</span></button> <!----> <!----> </article> <article id="icon-classic-unlock-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-unlock fa-fw"></i></span> <span class="icon-name">unlock</span></button> <!----> <!----> </article> <article id="icon-classic-unlink-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-unlink fa-fw"></i></span> <span class="icon-name">unlink</span></button> <!----> <!----> </article> <article id="icon-classic-university-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-university fa-fw"></i></span> <span class="icon-name">university</span></button> <!----> <!----> </article> <article id="icon-classic-universal-access-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-universal-access fa-fw"></i></span> <span class="icon-name">universal-access</span></button> <!----> <!----> </article> <article id="icon-classic-undo-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-undo-alt fa-fw"></i></span> <span class="icon-name">undo-alt</span></button> <!----> <!----> </article> <article id="icon-classic-undo-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-undo fa-fw"></i></span> <span class="icon-name">undo</span></button> <!----> <!----> </article> <article id="icon-classic-underline-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-underline fa-fw"></i></span> <span class="icon-name">underline</span></button> <!----> <!----> </article> <article id="icon-classic-umbrella-beach-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-umbrella-beach fa-fw"></i></span> <span class="icon-name">umbrella-beach</span></button> <!----> <!----> </article> <article id="icon-classic-umbrella-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-umbrella fa-fw"></i></span> <span class="icon-name">umbrella</span></button> <!----> <!----> </article> <article id="icon-classic-tv-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tv fa-fw"></i></span> <span class="icon-name">tv</span></button> <!----> <!----> </article> <article id="icon-classic-tty-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tty fa-fw"></i></span> <span class="icon-name">tty</span></button> <!----> <!----> </article> <article id="icon-classic-tshirt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tshirt fa-fw"></i></span> <span class="icon-name">tshirt</span></button> <!----> <!----> </article> <article id="icon-classic-truck-pickup-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-truck-pickup fa-fw"></i></span> <span class="icon-name">truck-pickup</span></button> <!----> <!----> </article> <article id="icon-classic-truck-moving-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-truck-moving fa-fw"></i></span> <span class="icon-name">truck-moving</span></button> <!----> <!----> </article> <article id="icon-classic-truck-monster-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-truck-monster fa-fw"></i></span> <span class="icon-name">truck-monster</span></button> <!----> <!----> </article> <article id="icon-classic-truck-loading-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-truck-loading fa-fw"></i></span> <span class="icon-name">truck-loading</span></button> <!----> <!----> </article> <article id="icon-classic-truck-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-truck fa-fw"></i></span> <span class="icon-name">truck</span></button> <!----> <!----> </article> <article id="icon-classic-trophy-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-trophy fa-fw"></i></span> <span class="icon-name">trophy</span></button> <!----> <!----> </article> <article id="icon-classic-tree-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tree fa-fw"></i></span> <span class="icon-name">tree</span></button> <!----> <!----> </article> <article id="icon-classic-trash-restore-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-trash-restore-alt fa-fw"></i></span> <span class="icon-name">trash-restore-alt</span></button> <!----> <!----> </article> <article id="icon-classic-trash-restore-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-trash-restore fa-fw"></i></span> <span class="icon-name">trash-restore</span></button> <!----> <!----> </article> <article id="icon-classic-trash-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-trash-alt fa-fw"></i></span> <span class="icon-name">trash-alt</span></button> <!----> <!----> </article> <article id="icon-classic-trash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-trash fa-fw"></i></span> <span class="icon-name">trash</span></button> <!----> <!----> </article> <article id="icon-classic-transgender-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-transgender-alt fa-fw"></i></span> <span class="icon-name">transgender-alt</span></button> <!----> <!----> </article> <article id="icon-classic-transgender-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-transgender fa-fw"></i></span> <span class="icon-name">transgender</span></button> <!----> <!----> </article> <article id="icon-classic-tram-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tram fa-fw"></i></span> <span class="icon-name">tram</span></button> <!----> <!----> </article> <article id="icon-classic-train-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-train fa-fw"></i></span> <span class="icon-name">train</span></button> <!----> <!----> </article> <article id="icon-classic-trailer-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-trailer fa-fw"></i></span> <span class="icon-name">trailer</span></button> <!----> <!----> </article> <article id="icon-classic-traffic-light-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-traffic-light fa-fw"></i></span> <span class="icon-name">traffic-light</span></button> <!----> <!----> </article> <article id="icon-classic-trademark-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-trademark fa-fw"></i></span> <span class="icon-name">trademark</span></button> <!----> <!----> </article> <article id="icon-classic-tractor-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tractor fa-fw"></i></span> <span class="icon-name">tractor</span></button> <!----> <!----> </article> <article id="icon-classic-torii-gate-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-torii-gate fa-fw"></i></span> <span class="icon-name">torii-gate</span></button> <!----> <!----> </article> <article id="icon-classic-torah-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-torah fa-fw"></i></span> <span class="icon-name">torah</span></button> <!----> <!----> </article> <article id="icon-classic-tooth-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tooth fa-fw"></i></span> <span class="icon-name">tooth</span></button> <!----> <!----> </article> <article id="icon-classic-tools-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tools fa-fw"></i></span> <span class="icon-name">tools</span></button> <!----> <!----> </article> <article id="icon-classic-toolbox-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-toolbox fa-fw"></i></span> <span class="icon-name">toolbox</span></button> <!----> <!----> </article> <article id="icon-classic-toilet-paper-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-toilet-paper-slash fa-fw"></i></span> <span class="icon-name">toilet-paper-slash</span></button> <!----> <!----> </article> <article id="icon-classic-toilet-paper-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-toilet-paper fa-fw"></i></span> <span class="icon-name">toilet-paper</span></button> <!----> <!----> </article> <article id="icon-classic-toilet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-toilet fa-fw"></i></span> <span class="icon-name">toilet</span></button> <!----> <!----> </article> <article id="icon-classic-toggle-on-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-toggle-on fa-fw"></i></span> <span class="icon-name">toggle-on</span></button> <!----> <!----> </article> <article id="icon-classic-toggle-off-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-toggle-off fa-fw"></i></span> <span class="icon-name">toggle-off</span></button> <!----> <!----> </article> <article id="icon-classic-tired-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tired fa-fw"></i></span> <span class="icon-name">tired</span></button> <!----> <!----> </article> <article id="icon-classic-tint-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tint-slash fa-fw"></i></span> <span class="icon-name">tint-slash</span></button> <!----> <!----> </article> <article id="icon-classic-tint-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tint fa-fw"></i></span> <span class="icon-name">tint</span></button> <!----> <!----> </article> <article id="icon-classic-times-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-times-circle fa-fw"></i></span> <span class="icon-name">times-circle</span></button> <!----> <!----> </article> <article id="icon-classic-times-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-times fa-fw"></i></span> <span class="icon-name">times</span></button> <!----> <!----> </article> <article id="icon-classic-ticket-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ticket-alt fa-fw"></i></span> <span class="icon-name">ticket-alt</span></button> <!----> <!----> </article> <article id="icon-classic-thumbtack-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thumbtack fa-fw"></i></span> <span class="icon-name">thumbtack</span></button> <!----> <!----> </article> <article id="icon-classic-thumbs-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thumbs-up fa-fw"></i></span> <span class="icon-name">thumbs-up</span></button> <!----> <!----> </article> <article id="icon-classic-thumbs-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thumbs-down fa-fw"></i></span> <span class="icon-name">thumbs-down</span></button> <!----> <!----> </article> <article id="icon-classic-thermometer-three-quarters-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thermometer-three-quarters fa-fw"></i></span> <span class="icon-name">thermometer-three-quarters</span></button> <!----> <!----> </article> <article id="icon-classic-thermometer-quarter-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thermometer-quarter fa-fw"></i></span> <span class="icon-name">thermometer-quarter</span></button> <!----> <!----> </article> <article id="icon-classic-thermometer-half-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thermometer-half fa-fw"></i></span> <span class="icon-name">thermometer-half</span></button> <!----> <!----> </article> <article id="icon-classic-thermometer-full-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thermometer-full fa-fw"></i></span> <span class="icon-name">thermometer-full</span></button> <!----> <!----> </article> <article id="icon-classic-thermometer-empty-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thermometer-empty fa-fw"></i></span> <span class="icon-name">thermometer-empty</span></button> <!----> <!----> </article> <article id="icon-classic-thermometer-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-thermometer fa-fw"></i></span> <span class="icon-name">thermometer</span></button> <!----> <!----> </article> <article id="icon-classic-theater-masks-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-theater-masks fa-fw"></i></span> <span class="icon-name">theater-masks</span></button> <!----> <!----> </article> <article id="icon-classic-th-list-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-th-list fa-fw"></i></span> <span class="icon-name">th-list</span></button> <!----> <!----> </article> <article id="icon-classic-th-large-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-th-large fa-fw"></i></span> <span class="icon-name">th-large</span></button> <!----> <!----> </article> <article id="icon-classic-th-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-th fa-fw"></i></span> <span class="icon-name">th</span></button> <!----> <!----> </article> <article id="icon-classic-text-width-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-text-width fa-fw"></i></span> <span class="icon-name">text-width</span></button> <!----> <!----> </article> <article id="icon-classic-text-height-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-text-height fa-fw"></i></span> <span class="icon-name">text-height</span></button> <!----> <!----> </article> <article id="icon-classic-terminal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-terminal fa-fw"></i></span> <span class="icon-name">terminal</span></button> <!----> <!----> </article> <article id="icon-classic-tenge-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tenge fa-fw"></i></span> <span class="icon-name">tenge</span></button> <!----> <!----> </article> <article id="icon-classic-temperature-low-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-temperature-low fa-fw"></i></span> <span class="icon-name">temperature-low</span></button> <!----> <!----> </article> <article id="icon-classic-temperature-high-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-temperature-high fa-fw"></i></span> <span class="icon-name">temperature-high</span></button> <!----> <!----> </article> <article id="icon-classic-teeth-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-teeth-open fa-fw"></i></span> <span class="icon-name">teeth-open</span></button> <!----> <!----> </article> <article id="icon-classic-teeth-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-teeth fa-fw"></i></span> <span class="icon-name">teeth</span></button> <!----> <!----> </article> <article id="icon-classic-taxi-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-taxi fa-fw"></i></span> <span class="icon-name">taxi</span></button> <!----> <!----> </article> <article id="icon-classic-tasks-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tasks fa-fw"></i></span> <span class="icon-name">tasks</span></button> <!----> <!----> </article> <article id="icon-classic-tape-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tape fa-fw"></i></span> <span class="icon-name">tape</span></button> <!----> <!----> </article> <article id="icon-classic-tags-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tags fa-fw"></i></span> <span class="icon-name">tags</span></button> <!----> <!----> </article> <article id="icon-classic-tag-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tag fa-fw"></i></span> <span class="icon-name">tag</span></button> <!----> <!----> </article> <article id="icon-classic-tachometer-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tachometer-alt fa-fw"></i></span> <span class="icon-name">tachometer-alt</span></button> <!----> <!----> </article> <article id="icon-classic-tablets-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tablets fa-fw"></i></span> <span class="icon-name">tablets</span></button> <!----> <!----> </article> <article id="icon-classic-tablet-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tablet-alt fa-fw"></i></span> <span class="icon-name">tablet-alt</span></button> <!----> <!----> </article> <article id="icon-classic-tablet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-tablet fa-fw"></i></span> <span class="icon-name">tablet</span></button> <!----> <!----> </article> <article id="icon-classic-table-tennis-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-table-tennis fa-fw"></i></span> <span class="icon-name">table-tennis</span></button> <!----> <!----> </article> <article id="icon-classic-table-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-table fa-fw"></i></span> <span class="icon-name">table</span></button> <!----> <!----> </article> <article id="icon-classic-syringe-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-syringe fa-fw"></i></span> <span class="icon-name">syringe</span></button> <!----> <!----> </article> <article id="icon-classic-sync-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sync-alt fa-fw"></i></span> <span class="icon-name">sync-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sync-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sync fa-fw"></i></span> <span class="icon-name">sync</span></button> <!----> <!----> </article> <article id="icon-classic-synagogue-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-synagogue fa-fw"></i></span> <span class="icon-name">synagogue</span></button> <!----> <!----> </article> <article id="icon-classic-swimming-pool-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-swimming-pool fa-fw"></i></span> <span class="icon-name">swimming-pool</span></button> <!----> <!----> </article> <article id="icon-classic-swimmer-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-swimmer fa-fw"></i></span> <span class="icon-name">swimmer</span></button> <!----> <!----> </article> <article id="icon-classic-swatchbook-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-swatchbook fa-fw"></i></span> <span class="icon-name">swatchbook</span></button> <!----> <!----> </article> <article id="icon-classic-surprise-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-surprise fa-fw"></i></span> <span class="icon-name">surprise</span></button> <!----> <!----> </article> <article id="icon-classic-superscript-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-superscript fa-fw"></i></span> <span class="icon-name">superscript</span></button> <!----> <!----> </article> <article id="icon-classic-sun-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sun fa-fw"></i></span> <span class="icon-name">sun</span></button> <!----> <!----> </article> <article id="icon-classic-suitcase-rolling-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-suitcase-rolling fa-fw"></i></span> <span class="icon-name">suitcase-rolling</span></button> <!----> <!----> </article> <article id="icon-classic-suitcase-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-suitcase fa-fw"></i></span> <span class="icon-name">suitcase</span></button> <!----> <!----> </article> <article id="icon-classic-subway-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-subway fa-fw"></i></span> <span class="icon-name">subway</span></button> <!----> <!----> </article> <article id="icon-classic-subscript-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-subscript fa-fw"></i></span> <span class="icon-name">subscript</span></button> <!----> <!----> </article> <article id="icon-classic-stroopwafel-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stroopwafel fa-fw"></i></span> <span class="icon-name">stroopwafel</span></button> <!----> <!----> </article> <article id="icon-classic-strikethrough-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-strikethrough fa-fw"></i></span> <span class="icon-name">strikethrough</span></button> <!----> <!----> </article> <article id="icon-classic-street-view-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-street-view fa-fw"></i></span> <span class="icon-name">street-view</span></button> <!----> <!----> </article> <article id="icon-classic-stream-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stream fa-fw"></i></span> <span class="icon-name">stream</span></button> <!----> <!----> </article> <article id="icon-classic-store-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-store-slash fa-fw"></i></span> <span class="icon-name">store-slash</span></button> <!----> <!----> </article> <article id="icon-classic-store-alt-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-store-alt-slash fa-fw"></i></span> <span class="icon-name">store-alt-slash</span></button> <!----> <!----> </article> <article id="icon-classic-store-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-store-alt fa-fw"></i></span> <span class="icon-name">store-alt</span></button> <!----> <!----> </article> <article id="icon-classic-store-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-store fa-fw"></i></span> <span class="icon-name">store</span></button> <!----> <!----> </article> <article id="icon-classic-stopwatch-20-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stopwatch-20 fa-fw"></i></span> <span class="icon-name">stopwatch-20</span></button> <!----> <!----> </article> <article id="icon-classic-stopwatch-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stopwatch fa-fw"></i></span> <span class="icon-name">stopwatch</span></button> <!----> <!----> </article> <article id="icon-classic-stop-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stop-circle fa-fw"></i></span> <span class="icon-name">stop-circle</span></button> <!----> <!----> </article> <article id="icon-classic-stop-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stop fa-fw"></i></span> <span class="icon-name">stop</span></button> <!----> <!----> </article> <article id="icon-classic-sticky-note-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sticky-note fa-fw"></i></span> <span class="icon-name">sticky-note</span></button> <!----> <!----> </article> <article id="icon-classic-stethoscope-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stethoscope fa-fw"></i></span> <span class="icon-name">stethoscope</span></button> <!----> <!----> </article> <article id="icon-classic-step-forward-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-step-forward fa-fw"></i></span> <span class="icon-name">step-forward</span></button> <!----> <!----> </article> <article id="icon-classic-step-backward-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-step-backward fa-fw"></i></span> <span class="icon-name">step-backward</span></button> <!----> <!----> </article> <article id="icon-classic-star-of-life-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-star-of-life fa-fw"></i></span> <span class="icon-name">star-of-life</span></button> <!----> <!----> </article> <article id="icon-classic-star-of-david-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-star-of-david fa-fw"></i></span> <span class="icon-name">star-of-david</span></button> <!----> <!----> </article> <article id="icon-classic-star-half-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-star-half-alt fa-fw"></i></span> <span class="icon-name">star-half-alt</span></button> <!----> <!----> </article> <article id="icon-classic-star-half-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-star-half fa-fw"></i></span> <span class="icon-name">star-half</span></button> <!----> <!----> </article> <article id="icon-classic-star-and-crescent-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-star-and-crescent fa-fw"></i></span> <span class="icon-name">star-and-crescent</span></button> <!----> <!----> </article> <article id="icon-classic-star-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-star fa-fw"></i></span> <span class="icon-name">star</span></button> <!----> <!----> </article> <article id="icon-classic-stamp-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-stamp fa-fw"></i></span> <span class="icon-name">stamp</span></button> <!----> <!----> </article> <article id="icon-classic-square-root-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-square-root-alt fa-fw"></i></span> <span class="icon-name">square-root-alt</span></button> <!----> <!----> </article> <article id="icon-classic-square-full-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-square-full fa-fw"></i></span> <span class="icon-name">square-full</span></button> <!----> <!----> </article> <article id="icon-classic-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-square fa-fw"></i></span> <span class="icon-name">square</span></button> <!----> <!----> </article> <article id="icon-classic-spray-can-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-spray-can fa-fw"></i></span> <span class="icon-name">spray-can</span></button> <!----> <!----> </article> <article id="icon-classic-splotch-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-splotch fa-fw"></i></span> <span class="icon-name">splotch</span></button> <!----> <!----> </article> <article id="icon-classic-spinner-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-spinner fa-fw"></i></span> <span class="icon-name">spinner</span></button> <!----> <!----> </article> <article id="icon-classic-spider-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-spider fa-fw"></i></span> <span class="icon-name">spider</span></button> <!----> <!----> </article> <article id="icon-classic-spell-check-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-spell-check fa-fw"></i></span> <span class="icon-name">spell-check</span></button> <!----> <!----> </article> <article id="icon-classic-space-shuttle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-space-shuttle fa-fw"></i></span> <span class="icon-name">space-shuttle</span></button> <!----> <!----> </article> <article id="icon-classic-spa-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-spa fa-fw"></i></span> <span class="icon-name">spa</span></button> <!----> <!----> </article> <article id="icon-classic-sort-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-up fa-fw"></i></span> <span class="icon-name">sort-up</span></button> <!----> <!----> </article> <article id="icon-classic-sort-numeric-up-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-numeric-up-alt fa-fw"></i></span> <span class="icon-name">sort-numeric-up-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sort-numeric-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-numeric-up fa-fw"></i></span> <span class="icon-name">sort-numeric-up</span></button> <!----> <!----> </article> <article id="icon-classic-sort-numeric-down-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-numeric-down-alt fa-fw"></i></span> <span class="icon-name">sort-numeric-down-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sort-numeric-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-numeric-down fa-fw"></i></span> <span class="icon-name">sort-numeric-down</span></button> <!----> <!----> </article> <article id="icon-classic-sort-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-down fa-fw"></i></span> <span class="icon-name">sort-down</span></button> <!----> <!----> </article> <article id="icon-classic-sort-amount-up-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-amount-up-alt fa-fw"></i></span> <span class="icon-name">sort-amount-up-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sort-amount-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-amount-up fa-fw"></i></span> <span class="icon-name">sort-amount-up</span></button> <!----> <!----> </article> <article id="icon-classic-sort-amount-down-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-amount-down-alt fa-fw"></i></span> <span class="icon-name">sort-amount-down-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sort-amount-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-amount-down fa-fw"></i></span> <span class="icon-name">sort-amount-down</span></button> <!----> <!----> </article> <article id="icon-classic-sort-alpha-up-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-alpha-up-alt fa-fw"></i></span> <span class="icon-name">sort-alpha-up-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sort-alpha-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-alpha-up fa-fw"></i></span> <span class="icon-name">sort-alpha-up</span></button> <!----> <!----> </article> <article id="icon-classic-sort-alpha-down-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-alpha-down-alt fa-fw"></i></span> <span class="icon-name">sort-alpha-down-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sort-alpha-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort-alpha-down fa-fw"></i></span> <span class="icon-name">sort-alpha-down</span></button> <!----> <!----> </article> <article id="icon-classic-sort-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sort fa-fw"></i></span> <span class="icon-name">sort</span></button> <!----> <!----> </article> <article id="icon-classic-solar-panel-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-solar-panel fa-fw"></i></span> <span class="icon-name">solar-panel</span></button> <!----> <!----> </article> <article id="icon-classic-socks-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-socks fa-fw"></i></span> <span class="icon-name">socks</span></button> <!----> <!----> </article> <article id="icon-classic-soap-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-soap fa-fw"></i></span> <span class="icon-name">soap</span></button> <!----> <!----> </article> <article id="icon-classic-snowplow-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-snowplow fa-fw"></i></span> <span class="icon-name">snowplow</span></button> <!----> <!----> </article> <article id="icon-classic-snowman-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-snowman fa-fw"></i></span> <span class="icon-name">snowman</span></button> <!----> <!----> </article> <article id="icon-classic-snowflake-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-snowflake fa-fw"></i></span> <span class="icon-name">snowflake</span></button> <!----> <!----> </article> <article id="icon-classic-snowboarding-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-snowboarding fa-fw"></i></span> <span class="icon-name">snowboarding</span></button> <!----> <!----> </article> <article id="icon-classic-sms-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sms fa-fw"></i></span> <span class="icon-name">sms</span></button> <!----> <!----> </article> <article id="icon-classic-smoking-ban-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-smoking-ban fa-fw"></i></span> <span class="icon-name">smoking-ban</span></button> <!----> <!----> </article> <article id="icon-classic-smoking-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-smoking fa-fw"></i></span> <span class="icon-name">smoking</span></button> <!----> <!----> </article> <article id="icon-classic-smog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-smog fa-fw"></i></span> <span class="icon-name">smog</span></button> <!----> <!----> </article> <article id="icon-classic-smile-wink-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-smile-wink fa-fw"></i></span> <span class="icon-name">smile-wink</span></button> <!----> <!----> </article> <article id="icon-classic-smile-beam-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-smile-beam fa-fw"></i></span> <span class="icon-name">smile-beam</span></button> <!----> <!----> </article> <article id="icon-classic-smile-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-smile fa-fw"></i></span> <span class="icon-name">smile</span></button> <!----> <!----> </article> <article id="icon-classic-sliders-h-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sliders-h fa-fw"></i></span> <span class="icon-name">sliders-h</span></button> <!----> <!----> </article> <article id="icon-classic-sleigh-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sleigh fa-fw"></i></span> <span class="icon-name">sleigh</span></button> <!----> <!----> </article> <article id="icon-classic-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-slash fa-fw"></i></span> <span class="icon-name">slash</span></button> <!----> <!----> </article> <article id="icon-classic-skull-crossbones-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-skull-crossbones fa-fw"></i></span> <span class="icon-name">skull-crossbones</span></button> <!----> <!----> </article> <article id="icon-classic-skull-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-skull fa-fw"></i></span> <span class="icon-name">skull</span></button> <!----> <!----> </article> <article id="icon-classic-skiing-nordic-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-skiing-nordic fa-fw"></i></span> <span class="icon-name">skiing-nordic</span></button> <!----> <!----> </article> <article id="icon-classic-skiing-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-skiing fa-fw"></i></span> <span class="icon-name">skiing</span></button> <!----> <!----> </article> <article id="icon-classic-skating-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-skating fa-fw"></i></span> <span class="icon-name">skating</span></button> <!----> <!----> </article> <article id="icon-classic-sitemap-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sitemap fa-fw"></i></span> <span class="icon-name">sitemap</span></button> <!----> <!----> </article> <article id="icon-classic-sink-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sink fa-fw"></i></span> <span class="icon-name">sink</span></button> <!----> <!----> </article> <article id="icon-classic-sim-card-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sim-card fa-fw"></i></span> <span class="icon-name">sim-card</span></button> <!----> <!----> </article> <article id="icon-classic-signature-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-signature fa-fw"></i></span> <span class="icon-name">signature</span></button> <!----> <!----> </article> <article id="icon-classic-signal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-signal fa-fw"></i></span> <span class="icon-name">signal</span></button> <!----> <!----> </article> <article id="icon-classic-sign-out-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sign-out-alt fa-fw"></i></span> <span class="icon-name">sign-out-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sign-language-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sign-language fa-fw"></i></span> <span class="icon-name">sign-language</span></button> <!----> <!----> </article> <article id="icon-classic-sign-in-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sign-in-alt fa-fw"></i></span> <span class="icon-name">sign-in-alt</span></button> <!----> <!----> </article> <article id="icon-classic-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sign fa-fw"></i></span> <span class="icon-name">sign</span></button> <!----> <!----> </article> <article id="icon-classic-shuttle-van-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shuttle-van fa-fw"></i></span> <span class="icon-name">shuttle-van</span></button> <!----> <!----> </article> <article id="icon-classic-shower-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shower fa-fw"></i></span> <span class="icon-name">shower</span></button> <!----> <!----> </article> <article id="icon-classic-shopping-cart-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shopping-cart fa-fw"></i></span> <span class="icon-name">shopping-cart</span></button> <!----> <!----> </article> <article id="icon-classic-shopping-basket-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shopping-basket fa-fw"></i></span> <span class="icon-name">shopping-basket</span></button> <!----> <!----> </article> <article id="icon-classic-shopping-bag-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shopping-bag fa-fw"></i></span> <span class="icon-name">shopping-bag</span></button> <!----> <!----> </article> <article id="icon-classic-shoe-prints-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shoe-prints fa-fw"></i></span> <span class="icon-name">shoe-prints</span></button> <!----> <!----> </article> <article id="icon-classic-shipping-fast-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shipping-fast fa-fw"></i></span> <span class="icon-name">shipping-fast</span></button> <!----> <!----> </article> <article id="icon-classic-ship-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ship fa-fw"></i></span> <span class="icon-name">ship</span></button> <!----> <!----> </article> <article id="icon-classic-shield-virus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shield-virus fa-fw"></i></span> <span class="icon-name">shield-virus</span></button> <!----> <!----> </article> <article id="icon-classic-shield-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shield-alt fa-fw"></i></span> <span class="icon-name">shield-alt</span></button> <!----> <!----> </article> <article id="icon-classic-shekel-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shekel-sign fa-fw"></i></span> <span class="icon-name">shekel-sign</span></button> <!----> <!----> </article> <article id="icon-classic-share-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-share-square fa-fw"></i></span> <span class="icon-name">share-square</span></button> <!----> <!----> </article> <article id="icon-classic-share-alt-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-share-alt-square fa-fw"></i></span> <span class="icon-name">share-alt-square</span></button> <!----> <!----> </article> <article id="icon-classic-share-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-share-alt fa-fw"></i></span> <span class="icon-name">share-alt</span></button> <!----> <!----> </article> <article id="icon-classic-share-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-share fa-fw"></i></span> <span class="icon-name">share</span></button> <!----> <!----> </article> <article id="icon-classic-shapes-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-shapes fa-fw"></i></span> <span class="icon-name">shapes</span></button> <!----> <!----> </article> <article id="icon-classic-server-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-server fa-fw"></i></span> <span class="icon-name">server</span></button> <!----> <!----> </article> <article id="icon-classic-seedling-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-seedling fa-fw"></i></span> <span class="icon-name">seedling</span></button> <!----> <!----> </article> <article id="icon-classic-search-plus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-search-plus fa-fw"></i></span> <span class="icon-name">search-plus</span></button> <!----> <!----> </article> <article id="icon-classic-search-minus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-search-minus fa-fw"></i></span> <span class="icon-name">search-minus</span></button> <!----> <!----> </article> <article id="icon-classic-search-location-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-search-location fa-fw"></i></span> <span class="icon-name">search-location</span></button> <!----> <!----> </article> <article id="icon-classic-search-dollar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-search-dollar fa-fw"></i></span> <span class="icon-name">search-dollar</span></button> <!----> <!----> </article> <article id="icon-classic-search-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-search fa-fw"></i></span> <span class="icon-name">search</span></button> <!----> <!----> </article> <article id="icon-classic-sd-card-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sd-card fa-fw"></i></span> <span class="icon-name">sd-card</span></button> <!----> <!----> </article> <article id="icon-classic-scroll-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-scroll fa-fw"></i></span> <span class="icon-name">scroll</span></button> <!----> <!----> </article> <article id="icon-classic-screwdriver-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-screwdriver fa-fw"></i></span> <span class="icon-name">screwdriver</span></button> <!----> <!----> </article> <article id="icon-classic-school-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-school fa-fw"></i></span> <span class="icon-name">school</span></button> <!----> <!----> </article> <article id="icon-classic-save-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-save fa-fw"></i></span> <span class="icon-name">save</span></button> <!----> <!----> </article> <article id="icon-classic-satellite-dish-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-satellite-dish fa-fw"></i></span> <span class="icon-name">satellite-dish</span></button> <!----> <!----> </article> <article id="icon-classic-satellite-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-satellite fa-fw"></i></span> <span class="icon-name">satellite</span></button> <!----> <!----> </article> <article id="icon-classic-sad-tear-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sad-tear fa-fw"></i></span> <span class="icon-name">sad-tear</span></button> <!----> <!----> </article> <article id="icon-classic-sad-cry-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-sad-cry fa-fw"></i></span> <span class="icon-name">sad-cry</span></button> <!----> <!----> </article> <article id="icon-classic-rupee-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-rupee-sign fa-fw"></i></span> <span class="icon-name">rupee-sign</span></button> <!----> <!----> </article> <article id="icon-classic-running-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-running fa-fw"></i></span> <span class="icon-name">running</span></button> <!----> <!----> </article> <article id="icon-classic-ruler-vertical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ruler-vertical fa-fw"></i></span> <span class="icon-name">ruler-vertical</span></button> <!----> <!----> </article> <article id="icon-classic-ruler-horizontal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ruler-horizontal fa-fw"></i></span> <span class="icon-name">ruler-horizontal</span></button> <!----> <!----> </article> <article id="icon-classic-ruler-combined-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ruler-combined fa-fw"></i></span> <span class="icon-name">ruler-combined</span></button> <!----> <!----> </article> <article id="icon-classic-ruler-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ruler fa-fw"></i></span> <span class="icon-name">ruler</span></button> <!----> <!----> </article> <article id="icon-classic-ruble-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ruble-sign fa-fw"></i></span> <span class="icon-name">ruble-sign</span></button> <!----> <!----> </article> <article id="icon-classic-rss-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-rss-square fa-fw"></i></span> <span class="icon-name">rss-square</span></button> <!----> <!----> </article> <article id="icon-classic-rss-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-rss fa-fw"></i></span> <span class="icon-name">rss</span></button> <!----> <!----> </article> <article id="icon-classic-route-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-route fa-fw"></i></span> <span class="icon-name">route</span></button> <!----> <!----> </article> <article id="icon-classic-rocket-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-rocket fa-fw"></i></span> <span class="icon-name">rocket</span></button> <!----> <!----> </article> <article id="icon-classic-robot-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-robot fa-fw"></i></span> <span class="icon-name">robot</span></button> <!----> <!----> </article> <article id="icon-classic-road-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-road fa-fw"></i></span> <span class="icon-name">road</span></button> <!----> <!----> </article> <article id="icon-classic-ring-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ring fa-fw"></i></span> <span class="icon-name">ring</span></button> <!----> <!----> </article> <article id="icon-classic-ribbon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ribbon fa-fw"></i></span> <span class="icon-name">ribbon</span></button> <!----> <!----> </article> <article id="icon-classic-retweet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-retweet fa-fw"></i></span> <span class="icon-name">retweet</span></button> <!----> <!----> </article> <article id="icon-classic-restroom-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-restroom fa-fw"></i></span> <span class="icon-name">restroom</span></button> <!----> <!----> </article> <article id="icon-classic-republican-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-republican fa-fw"></i></span> <span class="icon-name">republican</span></button> <!----> <!----> </article> <article id="icon-classic-reply-all-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-reply-all fa-fw"></i></span> <span class="icon-name">reply-all</span></button> <!----> <!----> </article> <article id="icon-classic-reply-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-reply fa-fw"></i></span> <span class="icon-name">reply</span></button> <!----> <!----> </article> <article id="icon-classic-remove-format-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-remove-format fa-fw"></i></span> <span class="icon-name">remove-format</span></button> <!----> <!----> </article> <article id="icon-classic-registered-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-registered fa-fw"></i></span> <span class="icon-name">registered</span></button> <!----> <!----> </article> <article id="icon-classic-redo-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-redo-alt fa-fw"></i></span> <span class="icon-name">redo-alt</span></button> <!----> <!----> </article> <article id="icon-classic-redo-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-redo fa-fw"></i></span> <span class="icon-name">redo</span></button> <!----> <!----> </article> <article id="icon-classic-recycle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-recycle fa-fw"></i></span> <span class="icon-name">recycle</span></button> <!----> <!----> </article> <article id="icon-classic-record-vinyl-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-record-vinyl fa-fw"></i></span> <span class="icon-name">record-vinyl</span></button> <!----> <!----> </article> <article id="icon-classic-receipt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-receipt fa-fw"></i></span> <span class="icon-name">receipt</span></button> <!----> <!----> </article> <article id="icon-classic-random-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-random fa-fw"></i></span> <span class="icon-name">random</span></button> <!----> <!----> </article> <article id="icon-classic-rainbow-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-rainbow fa-fw"></i></span> <span class="icon-name">rainbow</span></button> <!----> <!----> </article> <article id="icon-classic-radiation-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-radiation-alt fa-fw"></i></span> <span class="icon-name">radiation-alt</span></button> <!----> <!----> </article> <article id="icon-classic-radiation-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-radiation fa-fw"></i></span> <span class="icon-name">radiation</span></button> <!----> <!----> </article> <article id="icon-classic-quran-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-quran fa-fw"></i></span> <span class="icon-name">quran</span></button> <!----> <!----> </article> <article id="icon-classic-quote-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-quote-right fa-fw"></i></span> <span class="icon-name">quote-right</span></button> <!----> <!----> </article> <article id="icon-classic-quote-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-quote-left fa-fw"></i></span> <span class="icon-name">quote-left</span></button> <!----> <!----> </article> <article id="icon-classic-quidditch-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-quidditch fa-fw"></i></span> <span class="icon-name">quidditch</span></button> <!----> <!----> </article> <article id="icon-classic-question-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-question-circle fa-fw"></i></span> <span class="icon-name">question-circle</span></button> <!----> <!----> </article> <article id="icon-classic-question-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-question fa-fw"></i></span> <span class="icon-name">question</span></button> <!----> <!----> </article> <article id="icon-classic-qrcode-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-qrcode fa-fw"></i></span> <span class="icon-name">qrcode</span></button> <!----> <!----> </article> <article id="icon-classic-puzzle-piece-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-puzzle-piece fa-fw"></i></span> <span class="icon-name">puzzle-piece</span></button> <!----> <!----> </article> <article id="icon-classic-pump-soap-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pump-soap fa-fw"></i></span> <span class="icon-name">pump-soap</span></button> <!----> <!----> </article> <article id="icon-classic-pump-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pump-medical fa-fw"></i></span> <span class="icon-name">pump-medical</span></button> <!----> <!----> </article> <article id="icon-classic-project-diagram-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-project-diagram fa-fw"></i></span> <span class="icon-name">project-diagram</span></button> <!----> <!----> </article> <article id="icon-classic-procedures-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-procedures fa-fw"></i></span> <span class="icon-name">procedures</span></button> <!----> <!----> </article> <article id="icon-classic-print-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-print fa-fw"></i></span> <span class="icon-name">print</span></button> <!----> <!----> </article> <article id="icon-classic-prescription-bottle-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-prescription-bottle-alt fa-fw"></i></span> <span class="icon-name">prescription-bottle-alt</span></button> <!----> <!----> </article> <article id="icon-classic-prescription-bottle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-prescription-bottle fa-fw"></i></span> <span class="icon-name">prescription-bottle</span></button> <!----> <!----> </article> <article id="icon-classic-prescription-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-prescription fa-fw"></i></span> <span class="icon-name">prescription</span></button> <!----> <!----> </article> <article id="icon-classic-praying-hands-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-praying-hands fa-fw"></i></span> <span class="icon-name">praying-hands</span></button> <!----> <!----> </article> <article id="icon-classic-pray-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pray fa-fw"></i></span> <span class="icon-name">pray</span></button> <!----> <!----> </article> <article id="icon-classic-power-off-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-power-off fa-fw"></i></span> <span class="icon-name">power-off</span></button> <!----> <!----> </article> <article id="icon-classic-pound-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pound-sign fa-fw"></i></span> <span class="icon-name">pound-sign</span></button> <!----> <!----> </article> <article id="icon-classic-portrait-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-portrait fa-fw"></i></span> <span class="icon-name">portrait</span></button> <!----> <!----> </article> <article id="icon-classic-poop-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-poop fa-fw"></i></span> <span class="icon-name">poop</span></button> <!----> <!----> </article> <article id="icon-classic-poo-storm-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-poo-storm fa-fw"></i></span> <span class="icon-name">poo-storm</span></button> <!----> <!----> </article> <article id="icon-classic-poo-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-poo fa-fw"></i></span> <span class="icon-name">poo</span></button> <!----> <!----> </article> <article id="icon-classic-poll-h-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-poll-h fa-fw"></i></span> <span class="icon-name">poll-h</span></button> <!----> <!----> </article> <article id="icon-classic-poll-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-poll fa-fw"></i></span> <span class="icon-name">poll</span></button> <!----> <!----> </article> <article id="icon-classic-podcast-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-podcast fa-fw"></i></span> <span class="icon-name">podcast</span></button> <!----> <!----> </article> <article id="icon-classic-plus-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plus-square fa-fw"></i></span> <span class="icon-name">plus-square</span></button> <!----> <!----> </article> <article id="icon-classic-plus-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plus-circle fa-fw"></i></span> <span class="icon-name">plus-circle</span></button> <!----> <!----> </article> <article id="icon-classic-plus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plus fa-fw"></i></span> <span class="icon-name">plus</span></button> <!----> <!----> </article> <article id="icon-classic-plug-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plug fa-fw"></i></span> <span class="icon-name">plug</span></button> <!----> <!----> </article> <article id="icon-classic-play-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-play-circle fa-fw"></i></span> <span class="icon-name">play-circle</span></button> <!----> <!----> </article> <article id="icon-classic-play-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-play fa-fw"></i></span> <span class="icon-name">play</span></button> <!----> <!----> </article> <article id="icon-classic-plane-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plane-slash fa-fw"></i></span> <span class="icon-name">plane-slash</span></button> <!----> <!----> </article> <article id="icon-classic-plane-departure-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plane-departure fa-fw"></i></span> <span class="icon-name">plane-departure</span></button> <!----> <!----> </article> <article id="icon-classic-plane-arrival-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plane-arrival fa-fw"></i></span> <span class="icon-name">plane-arrival</span></button> <!----> <!----> </article> <article id="icon-classic-plane-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-plane fa-fw"></i></span> <span class="icon-name">plane</span></button> <!----> <!----> </article> <article id="icon-classic-place-of-worship-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-place-of-worship fa-fw"></i></span> <span class="icon-name">place-of-worship</span></button> <!----> <!----> </article> <article id="icon-classic-pizza-slice-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pizza-slice fa-fw"></i></span> <span class="icon-name">pizza-slice</span></button> <!----> <!----> </article> <article id="icon-classic-pills-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pills fa-fw"></i></span> <span class="icon-name">pills</span></button> <!----> <!----> </article> <article id="icon-classic-piggy-bank-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-piggy-bank fa-fw"></i></span> <span class="icon-name">piggy-bank</span></button> <!----> <!----> </article> <article id="icon-classic-photo-video-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-photo-video fa-fw"></i></span> <span class="icon-name">photo-video</span></button> <!----> <!----> </article> <article id="icon-classic-phone-volume-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-phone-volume fa-fw"></i></span> <span class="icon-name">phone-volume</span></button> <!----> <!----> </article> <article id="icon-classic-phone-square-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-phone-square-alt fa-fw"></i></span> <span class="icon-name">phone-square-alt</span></button> <!----> <!----> </article> <article id="icon-classic-phone-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-phone-square fa-fw"></i></span> <span class="icon-name">phone-square</span></button> <!----> <!----> </article> <article id="icon-classic-phone-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-phone-slash fa-fw"></i></span> <span class="icon-name">phone-slash</span></button> <!----> <!----> </article> <article id="icon-classic-phone-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-phone-alt fa-fw"></i></span> <span class="icon-name">phone-alt</span></button> <!----> <!----> </article> <article id="icon-classic-phone-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-phone fa-fw"></i></span> <span class="icon-name">phone</span></button> <!----> <!----> </article> <article id="icon-classic-person-booth-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-person-booth fa-fw"></i></span> <span class="icon-name">person-booth</span></button> <!----> <!----> </article> <article id="icon-classic-percentage-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-percentage fa-fw"></i></span> <span class="icon-name">percentage</span></button> <!----> <!----> </article> <article id="icon-classic-percent-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-percent fa-fw"></i></span> <span class="icon-name">percent</span></button> <!----> <!----> </article> <article id="icon-classic-pepper-hot-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pepper-hot fa-fw"></i></span> <span class="icon-name">pepper-hot</span></button> <!----> <!----> </article> <article id="icon-classic-people-carry-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-people-carry fa-fw"></i></span> <span class="icon-name">people-carry</span></button> <!----> <!----> </article> <article id="icon-classic-people-arrows-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-people-arrows fa-fw"></i></span> <span class="icon-name">people-arrows</span></button> <!----> <!----> </article> <article id="icon-classic-pencil-ruler-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pencil-ruler fa-fw"></i></span> <span class="icon-name">pencil-ruler</span></button> <!----> <!----> </article> <article id="icon-classic-pencil-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pencil-alt fa-fw"></i></span> <span class="icon-name">pencil-alt</span></button> <!----> <!----> </article> <article id="icon-classic-pen-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pen-square fa-fw"></i></span> <span class="icon-name">pen-square</span></button> <!----> <!----> </article> <article id="icon-classic-pen-nib-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pen-nib fa-fw"></i></span> <span class="icon-name">pen-nib</span></button> <!----> <!----> </article> <article id="icon-classic-pen-fancy-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pen-fancy fa-fw"></i></span> <span class="icon-name">pen-fancy</span></button> <!----> <!----> </article> <article id="icon-classic-pen-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pen-alt fa-fw"></i></span> <span class="icon-name">pen-alt</span></button> <!----> <!----> </article> <article id="icon-classic-pen-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pen fa-fw"></i></span> <span class="icon-name">pen</span></button> <!----> <!----> </article> <article id="icon-classic-peace-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-peace fa-fw"></i></span> <span class="icon-name">peace</span></button> <!----> <!----> </article> <article id="icon-classic-paw-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-paw fa-fw"></i></span> <span class="icon-name">paw</span></button> <!----> <!----> </article> <article id="icon-classic-pause-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pause-circle fa-fw"></i></span> <span class="icon-name">pause-circle</span></button> <!----> <!----> </article> <article id="icon-classic-pause-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pause fa-fw"></i></span> <span class="icon-name">pause</span></button> <!----> <!----> </article> <article id="icon-classic-paste-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-paste fa-fw"></i></span> <span class="icon-name">paste</span></button> <!----> <!----> </article> <article id="icon-classic-pastafarianism-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pastafarianism fa-fw"></i></span> <span class="icon-name">pastafarianism</span></button> <!----> <!----> </article> <article id="icon-classic-passport-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-passport fa-fw"></i></span> <span class="icon-name">passport</span></button> <!----> <!----> </article> <article id="icon-classic-parking-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-parking fa-fw"></i></span> <span class="icon-name">parking</span></button> <!----> <!----> </article> <article id="icon-classic-paragraph-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-paragraph fa-fw"></i></span> <span class="icon-name">paragraph</span></button> <!----> <!----> </article> <article id="icon-classic-parachute-box-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-parachute-box fa-fw"></i></span> <span class="icon-name">parachute-box</span></button> <!----> <!----> </article> <article id="icon-classic-paperclip-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-paperclip fa-fw"></i></span> <span class="icon-name">paperclip</span></button> <!----> <!----> </article> <article id="icon-classic-paper-plane-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-paper-plane fa-fw"></i></span> <span class="icon-name">paper-plane</span></button> <!----> <!----> </article> <article id="icon-classic-pallet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pallet fa-fw"></i></span> <span class="icon-name">pallet</span></button> <!----> <!----> </article> <article id="icon-classic-palette-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-palette fa-fw"></i></span> <span class="icon-name">palette</span></button> <!----> <!----> </article> <article id="icon-classic-paint-roller-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-paint-roller fa-fw"></i></span> <span class="icon-name">paint-roller</span></button> <!----> <!----> </article> <article id="icon-classic-paint-brush-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-paint-brush fa-fw"></i></span> <span class="icon-name">paint-brush</span></button> <!----> <!----> </article> <article id="icon-classic-pager-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-pager fa-fw"></i></span> <span class="icon-name">pager</span></button> <!----> <!----> </article> <article id="icon-classic-outdent-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-outdent fa-fw"></i></span> <span class="icon-name">outdent</span></button> <!----> <!----> </article> <article id="icon-classic-otter-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-otter fa-fw"></i></span> <span class="icon-name">otter</span></button> <!----> <!----> </article> <article id="icon-classic-om-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-om fa-fw"></i></span> <span class="icon-name">om</span></button> <!----> <!----> </article> <article id="icon-classic-oil-can-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-oil-can fa-fw"></i></span> <span class="icon-name">oil-can</span></button> <!----> <!----> </article> <article id="icon-classic-object-ungroup-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-object-ungroup fa-fw"></i></span> <span class="icon-name">object-ungroup</span></button> <!----> <!----> </article> <article id="icon-classic-object-group-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-object-group fa-fw"></i></span> <span class="icon-name">object-group</span></button> <!----> <!----> </article> <article id="icon-classic-notes-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-notes-medical fa-fw"></i></span> <span class="icon-name">notes-medical</span></button> <!----> <!----> </article> <article id="icon-classic-not-equal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-not-equal fa-fw"></i></span> <span class="icon-name">not-equal</span></button> <!----> <!----> </article> <article id="icon-classic-newspaper-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-newspaper fa-fw"></i></span> <span class="icon-name">newspaper</span></button> <!----> <!----> </article> <article id="icon-classic-neuter-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-neuter fa-fw"></i></span> <span class="icon-name">neuter</span></button> <!----> <!----> </article> <article id="icon-classic-network-wired-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-network-wired fa-fw"></i></span> <span class="icon-name">network-wired</span></button> <!----> <!----> </article> <article id="icon-classic-music-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-music fa-fw"></i></span> <span class="icon-name">music</span></button> <!----> <!----> </article> <article id="icon-classic-mug-hot-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mug-hot fa-fw"></i></span> <span class="icon-name">mug-hot</span></button> <!----> <!----> </article> <article id="icon-classic-mouse-pointer-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mouse-pointer fa-fw"></i></span> <span class="icon-name">mouse-pointer</span></button> <!----> <!----> </article> <article id="icon-classic-mouse-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mouse fa-fw"></i></span> <span class="icon-name">mouse</span></button> <!----> <!----> </article> <article id="icon-classic-mountain-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mountain fa-fw"></i></span> <span class="icon-name">mountain</span></button> <!----> <!----> </article> <article id="icon-classic-motorcycle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-motorcycle fa-fw"></i></span> <span class="icon-name">motorcycle</span></button> <!----> <!----> </article> <article id="icon-classic-mosque-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mosque fa-fw"></i></span> <span class="icon-name">mosque</span></button> <!----> <!----> </article> <article id="icon-classic-mortar-pestle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mortar-pestle fa-fw"></i></span> <span class="icon-name">mortar-pestle</span></button> <!----> <!----> </article> <article id="icon-classic-moon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-moon fa-fw"></i></span> <span class="icon-name">moon</span></button> <!----> <!----> </article> <article id="icon-classic-monument-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-monument fa-fw"></i></span> <span class="icon-name">monument</span></button> <!----> <!----> </article> <article id="icon-classic-money-check-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-money-check-alt fa-fw"></i></span> <span class="icon-name">money-check-alt</span></button> <!----> <!----> </article> <article id="icon-classic-money-check-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-money-check fa-fw"></i></span> <span class="icon-name">money-check</span></button> <!----> <!----> </article> <article id="icon-classic-money-bill-wave-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-money-bill-wave-alt fa-fw"></i></span> <span class="icon-name">money-bill-wave-alt</span></button> <!----> <!----> </article> <article id="icon-classic-money-bill-wave-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-money-bill-wave fa-fw"></i></span> <span class="icon-name">money-bill-wave</span></button> <!----> <!----> </article> <article id="icon-classic-money-bill-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-money-bill-alt fa-fw"></i></span> <span class="icon-name">money-bill-alt</span></button> <!----> <!----> </article> <article id="icon-classic-money-bill-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-money-bill fa-fw"></i></span> <span class="icon-name">money-bill</span></button> <!----> <!----> </article> <article id="icon-classic-mobile-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mobile-alt fa-fw"></i></span> <span class="icon-name">mobile-alt</span></button> <!----> <!----> </article> <article id="icon-classic-mobile-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mobile fa-fw"></i></span> <span class="icon-name">mobile</span></button> <!----> <!----> </article> <article id="icon-classic-mitten-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mitten fa-fw"></i></span> <span class="icon-name">mitten</span></button> <!----> <!----> </article> <article id="icon-classic-minus-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-minus-square fa-fw"></i></span> <span class="icon-name">minus-square</span></button> <!----> <!----> </article> <article id="icon-classic-minus-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-minus-circle fa-fw"></i></span> <span class="icon-name">minus-circle</span></button> <!----> <!----> </article> <article id="icon-classic-minus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-minus fa-fw"></i></span> <span class="icon-name">minus</span></button> <!----> <!----> </article> <article id="icon-classic-microscope-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-microscope fa-fw"></i></span> <span class="icon-name">microscope</span></button> <!----> <!----> </article> <article id="icon-classic-microphone-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-microphone-slash fa-fw"></i></span> <span class="icon-name">microphone-slash</span></button> <!----> <!----> </article> <article id="icon-classic-microphone-alt-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-microphone-alt-slash fa-fw"></i></span> <span class="icon-name">microphone-alt-slash</span></button> <!----> <!----> </article> <article id="icon-classic-microphone-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-microphone-alt fa-fw"></i></span> <span class="icon-name">microphone-alt</span></button> <!----> <!----> </article> <article id="icon-classic-microphone-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-microphone fa-fw"></i></span> <span class="icon-name">microphone</span></button> <!----> <!----> </article> <article id="icon-classic-microchip-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-microchip fa-fw"></i></span> <span class="icon-name">microchip</span></button> <!----> <!----> </article> <article id="icon-classic-meteor-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-meteor fa-fw"></i></span> <span class="icon-name">meteor</span></button> <!----> <!----> </article> <article id="icon-classic-mercury-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mercury fa-fw"></i></span> <span class="icon-name">mercury</span></button> <!----> <!----> </article> <article id="icon-classic-menorah-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-menorah fa-fw"></i></span> <span class="icon-name">menorah</span></button> <!----> <!----> </article> <article id="icon-classic-memory-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-memory fa-fw"></i></span> <span class="icon-name">memory</span></button> <!----> <!----> </article> <article id="icon-classic-meh-rolling-eyes-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-meh-rolling-eyes fa-fw"></i></span> <span class="icon-name">meh-rolling-eyes</span></button> <!----> <!----> </article> <article id="icon-classic-meh-blank-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-meh-blank fa-fw"></i></span> <span class="icon-name">meh-blank</span></button> <!----> <!----> </article> <article id="icon-classic-meh-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-meh fa-fw"></i></span> <span class="icon-name">meh</span></button> <!----> <!----> </article> <article id="icon-classic-medkit-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-medkit fa-fw"></i></span> <span class="icon-name">medkit</span></button> <!----> <!----> </article> <article id="icon-classic-medal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-medal fa-fw"></i></span> <span class="icon-name">medal</span></button> <!----> <!----> </article> <article id="icon-classic-mask-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mask fa-fw"></i></span> <span class="icon-name">mask</span></button> <!----> <!----> </article> <article id="icon-classic-mars-stroke-v-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mars-stroke-v fa-fw"></i></span> <span class="icon-name">mars-stroke-v</span></button> <!----> <!----> </article> <article id="icon-classic-mars-stroke-h-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mars-stroke-h fa-fw"></i></span> <span class="icon-name">mars-stroke-h</span></button> <!----> <!----> </article> <article id="icon-classic-mars-stroke-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mars-stroke fa-fw"></i></span> <span class="icon-name">mars-stroke</span></button> <!----> <!----> </article> <article id="icon-classic-mars-double-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mars-double fa-fw"></i></span> <span class="icon-name">mars-double</span></button> <!----> <!----> </article> <article id="icon-classic-mars-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mars fa-fw"></i></span> <span class="icon-name">mars</span></button> <!----> <!----> </article> <article id="icon-classic-marker-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-marker fa-fw"></i></span> <span class="icon-name">marker</span></button> <!----> <!----> </article> <article id="icon-classic-map-signs-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-map-signs fa-fw"></i></span> <span class="icon-name">map-signs</span></button> <!----> <!----> </article> <article id="icon-classic-map-pin-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-map-pin fa-fw"></i></span> <span class="icon-name">map-pin</span></button> <!----> <!----> </article> <article id="icon-classic-map-marker-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-map-marker-alt fa-fw"></i></span> <span class="icon-name">map-marker-alt</span></button> <!----> <!----> </article> <article id="icon-classic-map-marker-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-map-marker fa-fw"></i></span> <span class="icon-name">map-marker</span></button> <!----> <!----> </article> <article id="icon-classic-map-marked-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-map-marked-alt fa-fw"></i></span> <span class="icon-name">map-marked-alt</span></button> <!----> <!----> </article> <article id="icon-classic-map-marked-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-map-marked fa-fw"></i></span> <span class="icon-name">map-marked</span></button> <!----> <!----> </article> <article id="icon-classic-map-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-map fa-fw"></i></span> <span class="icon-name">map</span></button> <!----> <!----> </article> <article id="icon-classic-male-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-male fa-fw"></i></span> <span class="icon-name">male</span></button> <!----> <!----> </article> <article id="icon-classic-mail-bulk-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-mail-bulk fa-fw"></i></span> <span class="icon-name">mail-bulk</span></button> <!----> <!----> </article> <article id="icon-classic-magnet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-magnet fa-fw"></i></span> <span class="icon-name">magnet</span></button> <!----> <!----> </article> <article id="icon-classic-magic-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-magic fa-fw"></i></span> <span class="icon-name">magic</span></button> <!----> <!----> </article> <article id="icon-classic-lungs-virus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-lungs-virus fa-fw"></i></span> <span class="icon-name">lungs-virus</span></button> <!----> <!----> </article> <article id="icon-classic-lungs-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-lungs fa-fw"></i></span> <span class="icon-name">lungs</span></button> <!----> <!----> </article> <article id="icon-classic-luggage-cart-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-luggage-cart fa-fw"></i></span> <span class="icon-name">luggage-cart</span></button> <!----> <!----> </article> <article id="icon-classic-low-vision-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-low-vision fa-fw"></i></span> <span class="icon-name">low-vision</span></button> <!----> <!----> </article> <article id="icon-classic-long-arrow-alt-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-long-arrow-alt-up fa-fw"></i></span> <span class="icon-name">long-arrow-alt-up</span></button> <!----> <!----> </article> <article id="icon-classic-long-arrow-alt-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-long-arrow-alt-right fa-fw"></i></span> <span class="icon-name">long-arrow-alt-right</span></button> <!----> <!----> </article> <article id="icon-classic-long-arrow-alt-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-long-arrow-alt-left fa-fw"></i></span> <span class="icon-name">long-arrow-alt-left</span></button> <!----> <!----> </article> <article id="icon-classic-long-arrow-alt-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-long-arrow-alt-down fa-fw"></i></span> <span class="icon-name">long-arrow-alt-down</span></button> <!----> <!----> </article> <article id="icon-classic-lock-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-lock-open fa-fw"></i></span> <span class="icon-name">lock-open</span></button> <!----> <!----> </article> <article id="icon-classic-lock-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-lock fa-fw"></i></span> <span class="icon-name">lock</span></button> <!----> <!----> </article> <article id="icon-classic-location-arrow-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-location-arrow fa-fw"></i></span> <span class="icon-name">location-arrow</span></button> <!----> <!----> </article> <article id="icon-classic-list-ul-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-list-ul fa-fw"></i></span> <span class="icon-name">list-ul</span></button> <!----> <!----> </article> <article id="icon-classic-list-ol-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-list-ol fa-fw"></i></span> <span class="icon-name">list-ol</span></button> <!----> <!----> </article> <article id="icon-classic-list-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-list-alt fa-fw"></i></span> <span class="icon-name">list-alt</span></button> <!----> <!----> </article> <article id="icon-classic-list-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-list fa-fw"></i></span> <span class="icon-name">list</span></button> <!----> <!----> </article> <article id="icon-classic-lira-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-lira-sign fa-fw"></i></span> <span class="icon-name">lira-sign</span></button> <!----> <!----> </article> <article id="icon-classic-link-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-link fa-fw"></i></span> <span class="icon-name">link</span></button> <!----> <!----> </article> <article id="icon-classic-lightbulb-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-lightbulb fa-fw"></i></span> <span class="icon-name">lightbulb</span></button> <!----> <!----> </article> <article id="icon-classic-life-ring-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-life-ring fa-fw"></i></span> <span class="icon-name">life-ring</span></button> <!----> <!----> </article> <article id="icon-classic-level-up-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-level-up-alt fa-fw"></i></span> <span class="icon-name">level-up-alt</span></button> <!----> <!----> </article> <article id="icon-classic-level-down-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-level-down-alt fa-fw"></i></span> <span class="icon-name">level-down-alt</span></button> <!----> <!----> </article> <article id="icon-classic-less-than-equal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-less-than-equal fa-fw"></i></span> <span class="icon-name">less-than-equal</span></button> <!----> <!----> </article> <article id="icon-classic-less-than-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-less-than fa-fw"></i></span> <span class="icon-name">less-than</span></button> <!----> <!----> </article> <article id="icon-classic-lemon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-lemon fa-fw"></i></span> <span class="icon-name">lemon</span></button> <!----> <!----> </article> <article id="icon-classic-leaf-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-leaf fa-fw"></i></span> <span class="icon-name">leaf</span></button> <!----> <!----> </article> <article id="icon-classic-layer-group-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-layer-group fa-fw"></i></span> <span class="icon-name">layer-group</span></button> <!----> <!----> </article> <article id="icon-classic-laugh-wink-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laugh-wink fa-fw"></i></span> <span class="icon-name">laugh-wink</span></button> <!----> <!----> </article> <article id="icon-classic-laugh-squint-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laugh-squint fa-fw"></i></span> <span class="icon-name">laugh-squint</span></button> <!----> <!----> </article> <article id="icon-classic-laugh-beam-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laugh-beam fa-fw"></i></span> <span class="icon-name">laugh-beam</span></button> <!----> <!----> </article> <article id="icon-classic-laugh-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laugh fa-fw"></i></span> <span class="icon-name">laugh</span></button> <!----> <!----> </article> <article id="icon-classic-laptop-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laptop-medical fa-fw"></i></span> <span class="icon-name">laptop-medical</span></button> <!----> <!----> </article> <article id="icon-classic-laptop-house-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laptop-house fa-fw"></i></span> <span class="icon-name">laptop-house</span></button> <!----> <!----> </article> <article id="icon-classic-laptop-code-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laptop-code fa-fw"></i></span> <span class="icon-name">laptop-code</span></button> <!----> <!----> </article> <article id="icon-classic-laptop-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-laptop fa-fw"></i></span> <span class="icon-name">laptop</span></button> <!----> <!----> </article> <article id="icon-classic-language-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-language fa-fw"></i></span> <span class="icon-name">language</span></button> <!----> <!----> </article> <article id="icon-classic-landmark-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-landmark fa-fw"></i></span> <span class="icon-name">landmark</span></button> <!----> <!----> </article> <article id="icon-classic-kiwi-bird-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-kiwi-bird fa-fw"></i></span> <span class="icon-name">kiwi-bird</span></button> <!----> <!----> </article> <article id="icon-classic-kiss-wink-heart-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-kiss-wink-heart fa-fw"></i></span> <span class="icon-name">kiss-wink-heart</span></button> <!----> <!----> </article> <article id="icon-classic-kiss-beam-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-kiss-beam fa-fw"></i></span> <span class="icon-name">kiss-beam</span></button> <!----> <!----> </article> <article id="icon-classic-kiss-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-kiss fa-fw"></i></span> <span class="icon-name">kiss</span></button> <!----> <!----> </article> <article id="icon-classic-khanda-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-khanda fa-fw"></i></span> <span class="icon-name">khanda</span></button> <!----> <!----> </article> <article id="icon-classic-keyboard-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-keyboard fa-fw"></i></span> <span class="icon-name">keyboard</span></button> <!----> <!----> </article> <article id="icon-classic-key-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-key fa-fw"></i></span> <span class="icon-name">key</span></button> <!----> <!----> </article> <article id="icon-classic-kaaba-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-kaaba fa-fw"></i></span> <span class="icon-name">kaaba</span></button> <!----> <!----> </article> <article id="icon-classic-journal-whills-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-journal-whills fa-fw"></i></span> <span class="icon-name">journal-whills</span></button> <!----> <!----> </article> <article id="icon-classic-joint-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-joint fa-fw"></i></span> <span class="icon-name">joint</span></button> <!----> <!----> </article> <article id="icon-classic-jedi-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-jedi fa-fw"></i></span> <span class="icon-name">jedi</span></button> <!----> <!----> </article> <article id="icon-classic-italic-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-italic fa-fw"></i></span> <span class="icon-name">italic</span></button> <!----> <!----> </article> <article id="icon-classic-info-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-info-circle fa-fw"></i></span> <span class="icon-name">info-circle</span></button> <!----> <!----> </article> <article id="icon-classic-info-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-info fa-fw"></i></span> <span class="icon-name">info</span></button> <!----> <!----> </article> <article id="icon-classic-infinity-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-infinity fa-fw"></i></span> <span class="icon-name">infinity</span></button> <!----> <!----> </article> <article id="icon-classic-industry-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-industry fa-fw"></i></span> <span class="icon-name">industry</span></button> <!----> <!----> </article> <article id="icon-classic-indent-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-indent fa-fw"></i></span> <span class="icon-name">indent</span></button> <!----> <!----> </article> <article id="icon-classic-inbox-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-inbox fa-fw"></i></span> <span class="icon-name">inbox</span></button> <!----> <!----> </article> <article id="icon-classic-images-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-images fa-fw"></i></span> <span class="icon-name">images</span></button> <!----> <!----> </article> <article id="icon-classic-image-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-image fa-fw"></i></span> <span class="icon-name">image</span></button> <!----> <!----> </article> <article id="icon-classic-igloo-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-igloo fa-fw"></i></span> <span class="icon-name">igloo</span></button> <!----> <!----> </article> <article id="icon-classic-id-card-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-id-card-alt fa-fw"></i></span> <span class="icon-name">id-card-alt</span></button> <!----> <!----> </article> <article id="icon-classic-id-card-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-id-card fa-fw"></i></span> <span class="icon-name">id-card</span></button> <!----> <!----> </article> <article id="icon-classic-id-badge-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-id-badge fa-fw"></i></span> <span class="icon-name">id-badge</span></button> <!----> <!----> </article> <article id="icon-classic-icons-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-icons fa-fw"></i></span> <span class="icon-name">icons</span></button> <!----> <!----> </article> <article id="icon-classic-icicles-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-icicles fa-fw"></i></span> <span class="icon-name">icicles</span></button> <!----> <!----> </article> <article id="icon-classic-ice-cream-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ice-cream fa-fw"></i></span> <span class="icon-name">ice-cream</span></button> <!----> <!----> </article> <article id="icon-classic-i-cursor-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-i-cursor fa-fw"></i></span> <span class="icon-name">i-cursor</span></button> <!----> <!----> </article> <article id="icon-classic-hryvnia-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hryvnia fa-fw"></i></span> <span class="icon-name">hryvnia</span></button> <!----> <!----> </article> <article id="icon-classic-house-user-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-house-user fa-fw"></i></span> <span class="icon-name">house-user</span></button> <!----> <!----> </article> <article id="icon-classic-house-damage-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-house-damage fa-fw"></i></span> <span class="icon-name">house-damage</span></button> <!----> <!----> </article> <article id="icon-classic-hourglass-start-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hourglass-start fa-fw"></i></span> <span class="icon-name">hourglass-start</span></button> <!----> <!----> </article> <article id="icon-classic-hourglass-half-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hourglass-half fa-fw"></i></span> <span class="icon-name">hourglass-half</span></button> <!----> <!----> </article> <article id="icon-classic-hourglass-end-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hourglass-end fa-fw"></i></span> <span class="icon-name">hourglass-end</span></button> <!----> <!----> </article> <article id="icon-classic-hourglass-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hourglass fa-fw"></i></span> <span class="icon-name">hourglass</span></button> <!----> <!----> </article> <article id="icon-classic-hotel-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hotel fa-fw"></i></span> <span class="icon-name">hotel</span></button> <!----> <!----> </article> <article id="icon-classic-hotdog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hotdog fa-fw"></i></span> <span class="icon-name">hotdog</span></button> <!----> <!----> </article> <article id="icon-classic-hot-tub-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hot-tub fa-fw"></i></span> <span class="icon-name">hot-tub</span></button> <!----> <!----> </article> <article id="icon-classic-hospital-user-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hospital-user fa-fw"></i></span> <span class="icon-name">hospital-user</span></button> <!----> <!----> </article> <article id="icon-classic-hospital-symbol-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hospital-symbol fa-fw"></i></span> <span class="icon-name">hospital-symbol</span></button> <!----> <!----> </article> <article id="icon-classic-hospital-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hospital-alt fa-fw"></i></span> <span class="icon-name">hospital-alt</span></button> <!----> <!----> </article> <article id="icon-classic-hospital-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hospital fa-fw"></i></span> <span class="icon-name">hospital</span></button> <!----> <!----> </article> <article id="icon-classic-horse-head-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-horse-head fa-fw"></i></span> <span class="icon-name">horse-head</span></button> <!----> <!----> </article> <article id="icon-classic-horse-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-horse fa-fw"></i></span> <span class="icon-name">horse</span></button> <!----> <!----> </article> <article id="icon-classic-home-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-home fa-fw"></i></span> <span class="icon-name">home</span></button> <!----> <!----> </article> <article id="icon-classic-holly-berry-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-holly-berry fa-fw"></i></span> <span class="icon-name">holly-berry</span></button> <!----> <!----> </article> <article id="icon-classic-hockey-puck-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hockey-puck fa-fw"></i></span> <span class="icon-name">hockey-puck</span></button> <!----> <!----> </article> <article id="icon-classic-history-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-history fa-fw"></i></span> <span class="icon-name">history</span></button> <!----> <!----> </article> <article id="icon-classic-hippo-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hippo fa-fw"></i></span> <span class="icon-name">hippo</span></button> <!----> <!----> </article> <article id="icon-classic-hiking-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hiking fa-fw"></i></span> <span class="icon-name">hiking</span></button> <!----> <!----> </article> <article id="icon-classic-highlighter-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-highlighter fa-fw"></i></span> <span class="icon-name">highlighter</span></button> <!----> <!----> </article> <article id="icon-classic-helicopter-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-helicopter fa-fw"></i></span> <span class="icon-name">helicopter</span></button> <!----> <!----> </article> <article id="icon-classic-heartbeat-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-heartbeat fa-fw"></i></span> <span class="icon-name">heartbeat</span></button> <!----> <!----> </article> <article id="icon-classic-heart-broken-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-heart-broken fa-fw"></i></span> <span class="icon-name">heart-broken</span></button> <!----> <!----> </article> <article id="icon-classic-heart-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-heart fa-fw"></i></span> <span class="icon-name">heart</span></button> <!----> <!----> </article> <article id="icon-classic-headset-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-headset fa-fw"></i></span> <span class="icon-name">headset</span></button> <!----> <!----> </article> <article id="icon-classic-headphones-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-headphones-alt fa-fw"></i></span> <span class="icon-name">headphones-alt</span></button> <!----> <!----> </article> <article id="icon-classic-headphones-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-headphones fa-fw"></i></span> <span class="icon-name">headphones</span></button> <!----> <!----> </article> <article id="icon-classic-heading-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-heading fa-fw"></i></span> <span class="icon-name">heading</span></button> <!----> <!----> </article> <article id="icon-classic-head-side-virus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-head-side-virus fa-fw"></i></span> <span class="icon-name">head-side-virus</span></button> <!----> <!----> </article> <article id="icon-classic-head-side-mask-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-head-side-mask fa-fw"></i></span> <span class="icon-name">head-side-mask</span></button> <!----> <!----> </article> <article id="icon-classic-head-side-cough-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-head-side-cough-slash fa-fw"></i></span> <span class="icon-name">head-side-cough-slash</span></button> <!----> <!----> </article> <article id="icon-classic-head-side-cough-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-head-side-cough fa-fw"></i></span> <span class="icon-name">head-side-cough</span></button> <!----> <!----> </article> <article id="icon-classic-hdd-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hdd fa-fw"></i></span> <span class="icon-name">hdd</span></button> <!----> <!----> </article> <article id="icon-classic-hat-wizard-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hat-wizard fa-fw"></i></span> <span class="icon-name">hat-wizard</span></button> <!----> <!----> </article> <article id="icon-classic-hat-cowboy-side-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hat-cowboy-side fa-fw"></i></span> <span class="icon-name">hat-cowboy-side</span></button> <!----> <!----> </article> <article id="icon-classic-hat-cowboy-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hat-cowboy fa-fw"></i></span> <span class="icon-name">hat-cowboy</span></button> <!----> <!----> </article> <article id="icon-classic-hashtag-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hashtag fa-fw"></i></span> <span class="icon-name">hashtag</span></button> <!----> <!----> </article> <article id="icon-classic-hard-hat-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hard-hat fa-fw"></i></span> <span class="icon-name">hard-hat</span></button> <!----> <!----> </article> <article id="icon-classic-hanukiah-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hanukiah fa-fw"></i></span> <span class="icon-name">hanukiah</span></button> <!----> <!----> </article> <article id="icon-classic-handshake-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-handshake-slash fa-fw"></i></span> <span class="icon-name">handshake-slash</span></button> <!----> <!----> </article> <article id="icon-classic-handshake-alt-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-handshake-alt-slash fa-fw"></i></span> <span class="icon-name">handshake-alt-slash</span></button> <!----> <!----> </article> <article id="icon-classic-handshake-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-handshake fa-fw"></i></span> <span class="icon-name">handshake</span></button> <!----> <!----> </article> <article id="icon-classic-hands-wash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hands-wash fa-fw"></i></span> <span class="icon-name">hands-wash</span></button> <!----> <!----> </article> <article id="icon-classic-hands-helping-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hands-helping fa-fw"></i></span> <span class="icon-name">hands-helping</span></button> <!----> <!----> </article> <article id="icon-classic-hands-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hands fa-fw"></i></span> <span class="icon-name">hands</span></button> <!----> <!----> </article> <article id="icon-classic-hand-spock-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-spock fa-fw"></i></span> <span class="icon-name">hand-spock</span></button> <!----> <!----> </article> <article id="icon-classic-hand-sparkles-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-sparkles fa-fw"></i></span> <span class="icon-name">hand-sparkles</span></button> <!----> <!----> </article> <article id="icon-classic-hand-scissors-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-scissors fa-fw"></i></span> <span class="icon-name">hand-scissors</span></button> <!----> <!----> </article> <article id="icon-classic-hand-rock-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-rock fa-fw"></i></span> <span class="icon-name">hand-rock</span></button> <!----> <!----> </article> <article id="icon-classic-hand-pointer-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-pointer fa-fw"></i></span> <span class="icon-name">hand-pointer</span></button> <!----> <!----> </article> <article id="icon-classic-hand-point-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-point-up fa-fw"></i></span> <span class="icon-name">hand-point-up</span></button> <!----> <!----> </article> <article id="icon-classic-hand-point-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-point-right fa-fw"></i></span> <span class="icon-name">hand-point-right</span></button> <!----> <!----> </article> <article id="icon-classic-hand-point-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-point-left fa-fw"></i></span> <span class="icon-name">hand-point-left</span></button> <!----> <!----> </article> <article id="icon-classic-hand-point-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-point-down fa-fw"></i></span> <span class="icon-name">hand-point-down</span></button> <!----> <!----> </article> <article id="icon-classic-hand-peace-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-peace fa-fw"></i></span> <span class="icon-name">hand-peace</span></button> <!----> <!----> </article> <article id="icon-classic-hand-paper-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-paper fa-fw"></i></span> <span class="icon-name">hand-paper</span></button> <!----> <!----> </article> <article id="icon-classic-hand-middle-finger-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-middle-finger fa-fw"></i></span> <span class="icon-name">hand-middle-finger</span></button> <!----> <!----> </article> <article id="icon-classic-hand-lizard-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-lizard fa-fw"></i></span> <span class="icon-name">hand-lizard</span></button> <!----> <!----> </article> <article id="icon-classic-hand-holding-water-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-holding-water fa-fw"></i></span> <span class="icon-name">hand-holding-water</span></button> <!----> <!----> </article> <article id="icon-classic-hand-holding-usd-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-holding-usd fa-fw"></i></span> <span class="icon-name">hand-holding-usd</span></button> <!----> <!----> </article> <article id="icon-classic-hand-holding-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-holding-medical fa-fw"></i></span> <span class="icon-name">hand-holding-medical</span></button> <!----> <!----> </article> <article id="icon-classic-hand-holding-heart-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-holding-heart fa-fw"></i></span> <span class="icon-name">hand-holding-heart</span></button> <!----> <!----> </article> <article id="icon-classic-hand-holding-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hand-holding fa-fw"></i></span> <span class="icon-name">hand-holding</span></button> <!----> <!----> </article> <article id="icon-classic-hamsa-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hamsa fa-fw"></i></span> <span class="icon-name">hamsa</span></button> <!----> <!----> </article> <article id="icon-classic-hammer-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hammer fa-fw"></i></span> <span class="icon-name">hammer</span></button> <!----> <!----> </article> <article id="icon-classic-hamburger-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-hamburger fa-fw"></i></span> <span class="icon-name">hamburger</span></button> <!----> <!----> </article> <article id="icon-classic-h-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-h-square fa-fw"></i></span> <span class="icon-name">h-square</span></button> <!----> <!----> </article> <article id="icon-classic-guitar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-guitar fa-fw"></i></span> <span class="icon-name">guitar</span></button> <!----> <!----> </article> <article id="icon-classic-grip-vertical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grip-vertical fa-fw"></i></span> <span class="icon-name">grip-vertical</span></button> <!----> <!----> </article> <article id="icon-classic-grip-lines-vertical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grip-lines-vertical fa-fw"></i></span> <span class="icon-name">grip-lines-vertical</span></button> <!----> <!----> </article> <article id="icon-classic-grip-lines-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grip-lines fa-fw"></i></span> <span class="icon-name">grip-lines</span></button> <!----> <!----> </article> <article id="icon-classic-grip-horizontal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grip-horizontal fa-fw"></i></span> <span class="icon-name">grip-horizontal</span></button> <!----> <!----> </article> <article id="icon-classic-grin-wink-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-wink fa-fw"></i></span> <span class="icon-name">grin-wink</span></button> <!----> <!----> </article> <article id="icon-classic-grin-tongue-wink-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-tongue-wink fa-fw"></i></span> <span class="icon-name">grin-tongue-wink</span></button> <!----> <!----> </article> <article id="icon-classic-grin-tongue-squint-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-tongue-squint fa-fw"></i></span> <span class="icon-name">grin-tongue-squint</span></button> <!----> <!----> </article> <article id="icon-classic-grin-tongue-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-tongue fa-fw"></i></span> <span class="icon-name">grin-tongue</span></button> <!----> <!----> </article> <article id="icon-classic-grin-tears-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-tears fa-fw"></i></span> <span class="icon-name">grin-tears</span></button> <!----> <!----> </article> <article id="icon-classic-grin-stars-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-stars fa-fw"></i></span> <span class="icon-name">grin-stars</span></button> <!----> <!----> </article> <article id="icon-classic-grin-squint-tears-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-squint-tears fa-fw"></i></span> <span class="icon-name">grin-squint-tears</span></button> <!----> <!----> </article> <article id="icon-classic-grin-squint-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-squint fa-fw"></i></span> <span class="icon-name">grin-squint</span></button> <!----> <!----> </article> <article id="icon-classic-grin-hearts-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-hearts fa-fw"></i></span> <span class="icon-name">grin-hearts</span></button> <!----> <!----> </article> <article id="icon-classic-grin-beam-sweat-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-beam-sweat fa-fw"></i></span> <span class="icon-name">grin-beam-sweat</span></button> <!----> <!----> </article> <article id="icon-classic-grin-beam-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-beam fa-fw"></i></span> <span class="icon-name">grin-beam</span></button> <!----> <!----> </article> <article id="icon-classic-grin-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin-alt fa-fw"></i></span> <span class="icon-name">grin-alt</span></button> <!----> <!----> </article> <article id="icon-classic-grin-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grin fa-fw"></i></span> <span class="icon-name">grin</span></button> <!----> <!----> </article> <article id="icon-classic-grimace-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-grimace fa-fw"></i></span> <span class="icon-name">grimace</span></button> <!----> <!----> </article> <article id="icon-classic-greater-than-equal-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-greater-than-equal fa-fw"></i></span> <span class="icon-name">greater-than-equal</span></button> <!----> <!----> </article> <article id="icon-classic-greater-than-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-greater-than fa-fw"></i></span> <span class="icon-name">greater-than</span></button> <!----> <!----> </article> <article id="icon-classic-graduation-cap-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-graduation-cap fa-fw"></i></span> <span class="icon-name">graduation-cap</span></button> <!----> <!----> </article> <article id="icon-classic-gopuram-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-gopuram fa-fw"></i></span> <span class="icon-name">gopuram</span></button> <!----> <!----> </article> <article id="icon-classic-golf-ball-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-golf-ball fa-fw"></i></span> <span class="icon-name">golf-ball</span></button> <!----> <!----> </article> <article id="icon-classic-globe-europe-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-globe-europe fa-fw"></i></span> <span class="icon-name">globe-europe</span></button> <!----> <!----> </article> <article id="icon-classic-globe-asia-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-globe-asia fa-fw"></i></span> <span class="icon-name">globe-asia</span></button> <!----> <!----> </article> <article id="icon-classic-globe-americas-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-globe-americas fa-fw"></i></span> <span class="icon-name">globe-americas</span></button> <!----> <!----> </article> <article id="icon-classic-globe-africa-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-globe-africa fa-fw"></i></span> <span class="icon-name">globe-africa</span></button> <!----> <!----> </article> <article id="icon-classic-globe-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-globe fa-fw"></i></span> <span class="icon-name">globe</span></button> <!----> <!----> </article> <article id="icon-classic-glasses-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-glasses fa-fw"></i></span> <span class="icon-name">glasses</span></button> <!----> <!----> </article> <article id="icon-classic-glass-whiskey-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-glass-whiskey fa-fw"></i></span> <span class="icon-name">glass-whiskey</span></button> <!----> <!----> </article> <article id="icon-classic-glass-martini-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-glass-martini-alt fa-fw"></i></span> <span class="icon-name">glass-martini-alt</span></button> <!----> <!----> </article> <article id="icon-classic-glass-martini-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-glass-martini fa-fw"></i></span> <span class="icon-name">glass-martini</span></button> <!----> <!----> </article> <article id="icon-classic-glass-cheers-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-glass-cheers fa-fw"></i></span> <span class="icon-name">glass-cheers</span></button> <!----> <!----> </article> <article id="icon-classic-gifts-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-gifts fa-fw"></i></span> <span class="icon-name">gifts</span></button> <!----> <!----> </article> <article id="icon-classic-gift-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-gift fa-fw"></i></span> <span class="icon-name">gift</span></button> <!----> <!----> </article> <article id="icon-classic-ghost-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ghost fa-fw"></i></span> <span class="icon-name">ghost</span></button> <!----> <!----> </article> <article id="icon-classic-genderless-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-genderless fa-fw"></i></span> <span class="icon-name">genderless</span></button> <!----> <!----> </article> <article id="icon-classic-gem-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-gem fa-fw"></i></span> <span class="icon-name">gem</span></button> <!----> <!----> </article> <article id="icon-classic-gavel-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-gavel fa-fw"></i></span> <span class="icon-name">gavel</span></button> <!----> <!----> </article> <article id="icon-classic-gas-pump-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-gas-pump fa-fw"></i></span> <span class="icon-name">gas-pump</span></button> <!----> <!----> </article> <article id="icon-classic-gamepad-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-gamepad fa-fw"></i></span> <span class="icon-name">gamepad</span></button> <!----> <!----> </article> <article id="icon-classic-futbol-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-futbol fa-fw"></i></span> <span class="icon-name">futbol</span></button> <!----> <!----> </article> <article id="icon-classic-funnel-dollar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-funnel-dollar fa-fw"></i></span> <span class="icon-name">funnel-dollar</span></button> <!----> <!----> </article> <article id="icon-classic-frown-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-frown-open fa-fw"></i></span> <span class="icon-name">frown-open</span></button> <!----> <!----> </article> <article id="icon-classic-frown-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-frown fa-fw"></i></span> <span class="icon-name">frown</span></button> <!----> <!----> </article> <article id="icon-classic-frog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-frog fa-fw"></i></span> <span class="icon-name">frog</span></button> <!----> <!----> </article> <article id="icon-classic-forward-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-forward fa-fw"></i></span> <span class="icon-name">forward</span></button> <!----> <!----> </article> <article id="icon-classic-football-ball-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-football-ball fa-fw"></i></span> <span class="icon-name">football-ball</span></button> <!----> <!----> </article> <article id="icon-classic-font-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-font fa-fw"></i></span> <span class="icon-name">font</span></button> <!----> <!----> </article> <article id="icon-classic-folder-plus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-folder-plus fa-fw"></i></span> <span class="icon-name">folder-plus</span></button> <!----> <!----> </article> <article id="icon-classic-folder-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-folder-open fa-fw"></i></span> <span class="icon-name">folder-open</span></button> <!----> <!----> </article> <article id="icon-classic-folder-minus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-folder-minus fa-fw"></i></span> <span class="icon-name">folder-minus</span></button> <!----> <!----> </article> <article id="icon-classic-folder-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-folder fa-fw"></i></span> <span class="icon-name">folder</span></button> <!----> <!----> </article> <article id="icon-classic-flushed-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-flushed fa-fw"></i></span> <span class="icon-name">flushed</span></button> <!----> <!----> </article> <article id="icon-classic-flask-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-flask fa-fw"></i></span> <span class="icon-name">flask</span></button> <!----> <!----> </article> <article id="icon-classic-flag-usa-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-flag-usa fa-fw"></i></span> <span class="icon-name">flag-usa</span></button> <!----> <!----> </article> <article id="icon-classic-flag-checkered-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-flag-checkered fa-fw"></i></span> <span class="icon-name">flag-checkered</span></button> <!----> <!----> </article> <article id="icon-classic-flag-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-flag fa-fw"></i></span> <span class="icon-name">flag</span></button> <!----> <!----> </article> <article id="icon-classic-fist-raised-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fist-raised fa-fw"></i></span> <span class="icon-name">fist-raised</span></button> <!----> <!----> </article> <article id="icon-classic-fish-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fish fa-fw"></i></span> <span class="icon-name">fish</span></button> <!----> <!----> </article> <article id="icon-classic-first-aid-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-first-aid fa-fw"></i></span> <span class="icon-name">first-aid</span></button> <!----> <!----> </article> <article id="icon-classic-fire-extinguisher-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fire-extinguisher fa-fw"></i></span> <span class="icon-name">fire-extinguisher</span></button> <!----> <!----> </article> <article id="icon-classic-fire-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fire-alt fa-fw"></i></span> <span class="icon-name">fire-alt</span></button> <!----> <!----> </article> <article id="icon-classic-fire-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fire fa-fw"></i></span> <span class="icon-name">fire</span></button> <!----> <!----> </article> <article id="icon-classic-fingerprint-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fingerprint fa-fw"></i></span> <span class="icon-name">fingerprint</span></button> <!----> <!----> </article> <article id="icon-classic-filter-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-filter fa-fw"></i></span> <span class="icon-name">filter</span></button> <!----> <!----> </article> <article id="icon-classic-film-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-film fa-fw"></i></span> <span class="icon-name">film</span></button> <!----> <!----> </article> <article id="icon-classic-fill-drip-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fill-drip fa-fw"></i></span> <span class="icon-name">fill-drip</span></button> <!----> <!----> </article> <article id="icon-classic-fill-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fill fa-fw"></i></span> <span class="icon-name">fill</span></button> <!----> <!----> </article> <article id="icon-classic-file-word-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-word fa-fw"></i></span> <span class="icon-name">file-word</span></button> <!----> <!----> </article> <article id="icon-classic-file-video-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-video fa-fw"></i></span> <span class="icon-name">file-video</span></button> <!----> <!----> </article> <article id="icon-classic-file-upload-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-upload fa-fw"></i></span> <span class="icon-name">file-upload</span></button> <!----> <!----> </article> <article id="icon-classic-file-signature-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-signature fa-fw"></i></span> <span class="icon-name">file-signature</span></button> <!----> <!----> </article> <article id="icon-classic-file-prescription-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-prescription fa-fw"></i></span> <span class="icon-name">file-prescription</span></button> <!----> <!----> </article> <article id="icon-classic-file-powerpoint-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-powerpoint fa-fw"></i></span> <span class="icon-name">file-powerpoint</span></button> <!----> <!----> </article> <article id="icon-classic-file-pdf-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-pdf fa-fw"></i></span> <span class="icon-name">file-pdf</span></button> <!----> <!----> </article> <article id="icon-classic-file-medical-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-medical-alt fa-fw"></i></span> <span class="icon-name">file-medical-alt</span></button> <!----> <!----> </article> <article id="icon-classic-file-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-medical fa-fw"></i></span> <span class="icon-name">file-medical</span></button> <!----> <!----> </article> <article id="icon-classic-file-invoice-dollar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-invoice-dollar fa-fw"></i></span> <span class="icon-name">file-invoice-dollar</span></button> <!----> <!----> </article> <article id="icon-classic-file-invoice-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-invoice fa-fw"></i></span> <span class="icon-name">file-invoice</span></button> <!----> <!----> </article> <article id="icon-classic-file-import-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-import fa-fw"></i></span> <span class="icon-name">file-import</span></button> <!----> <!----> </article> <article id="icon-classic-file-image-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-image fa-fw"></i></span> <span class="icon-name">file-image</span></button> <!----> <!----> </article> <article id="icon-classic-file-export-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-export fa-fw"></i></span> <span class="icon-name">file-export</span></button> <!----> <!----> </article> <article id="icon-classic-file-excel-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-excel fa-fw"></i></span> <span class="icon-name">file-excel</span></button> <!----> <!----> </article> <article id="icon-classic-file-download-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-download fa-fw"></i></span> <span class="icon-name">file-download</span></button> <!----> <!----> </article> <article id="icon-classic-file-csv-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-csv fa-fw"></i></span> <span class="icon-name">file-csv</span></button> <!----> <!----> </article> <article id="icon-classic-file-contract-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-contract fa-fw"></i></span> <span class="icon-name">file-contract</span></button> <!----> <!----> </article> <article id="icon-classic-file-code-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-code fa-fw"></i></span> <span class="icon-name">file-code</span></button> <!----> <!----> </article> <article id="icon-classic-file-audio-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-audio fa-fw"></i></span> <span class="icon-name">file-audio</span></button> <!----> <!----> </article> <article id="icon-classic-file-archive-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-archive fa-fw"></i></span> <span class="icon-name">file-archive</span></button> <!----> <!----> </article> <article id="icon-classic-file-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file-alt fa-fw"></i></span> <span class="icon-name">file-alt</span></button> <!----> <!----> </article> <article id="icon-classic-file-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-file fa-fw"></i></span> <span class="icon-name">file</span></button> <!----> <!----> </article> <article id="icon-classic-fighter-jet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fighter-jet fa-fw"></i></span> <span class="icon-name">fighter-jet</span></button> <!----> <!----> </article> <article id="icon-classic-female-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-female fa-fw"></i></span> <span class="icon-name">female</span></button> <!----> <!----> </article> <article id="icon-classic-feather-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-feather-alt fa-fw"></i></span> <span class="icon-name">feather-alt</span></button> <!----> <!----> </article> <article id="icon-classic-feather-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-feather fa-fw"></i></span> <span class="icon-name">feather</span></button> <!----> <!----> </article> <article id="icon-classic-fax-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fax fa-fw"></i></span> <span class="icon-name">fax</span></button> <!----> <!----> </article> <article id="icon-classic-faucet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-faucet fa-fw"></i></span> <span class="icon-name">faucet</span></button> <!----> <!----> </article> <article id="icon-classic-fast-forward-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fast-forward fa-fw"></i></span> <span class="icon-name">fast-forward</span></button> <!----> <!----> </article> <article id="icon-classic-fast-backward-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fast-backward fa-fw"></i></span> <span class="icon-name">fast-backward</span></button> <!----> <!----> </article> <article id="icon-classic-fan-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-fan fa-fw"></i></span> <span class="icon-name">fan</span></button> <!----> <!----> </article> <article id="icon-classic-eye-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-eye-slash fa-fw"></i></span> <span class="icon-name">eye-slash</span></button> <!----> <!----> </article> <article id="icon-classic-eye-dropper-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-eye-dropper fa-fw"></i></span> <span class="icon-name">eye-dropper</span></button> <!----> <!----> </article> <article id="icon-classic-eye-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-eye fa-fw"></i></span> <span class="icon-name">eye</span></button> <!----> <!----> </article> <article id="icon-classic-external-link-square-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-external-link-square-alt fa-fw"></i></span> <span class="icon-name">external-link-square-alt</span></button> <!----> <!----> </article> <article id="icon-classic-external-link-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-external-link-alt fa-fw"></i></span> <span class="icon-name">external-link-alt</span></button> <!----> <!----> </article> <article id="icon-classic-expand-arrows-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-expand-arrows-alt fa-fw"></i></span> <span class="icon-name">expand-arrows-alt</span></button> <!----> <!----> </article> <article id="icon-classic-expand-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-expand-alt fa-fw"></i></span> <span class="icon-name">expand-alt</span></button> <!----> <!----> </article> <article id="icon-classic-expand-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-expand fa-fw"></i></span> <span class="icon-name">expand</span></button> <!----> <!----> </article> <article id="icon-classic-exclamation-triangle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-exclamation-triangle fa-fw"></i></span> <span class="icon-name">exclamation-triangle</span></button> <!----> <!----> </article> <article id="icon-classic-exclamation-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-exclamation-circle fa-fw"></i></span> <span class="icon-name">exclamation-circle</span></button> <!----> <!----> </article> <article id="icon-classic-exclamation-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-exclamation fa-fw"></i></span> <span class="icon-name">exclamation</span></button> <!----> <!----> </article> <article id="icon-classic-exchange-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-exchange-alt fa-fw"></i></span> <span class="icon-name">exchange-alt</span></button> <!----> <!----> </article> <article id="icon-classic-euro-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-euro-sign fa-fw"></i></span> <span class="icon-name">euro-sign</span></button> <!----> <!----> </article> <article id="icon-classic-ethernet-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ethernet fa-fw"></i></span> <span class="icon-name">ethernet</span></button> <!----> <!----> </article> <article id="icon-classic-eraser-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-eraser fa-fw"></i></span> <span class="icon-name">eraser</span></button> <!----> <!----> </article> <article id="icon-classic-equals-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-equals fa-fw"></i></span> <span class="icon-name">equals</span></button> <!----> <!----> </article> <article id="icon-classic-envelope-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-envelope-square fa-fw"></i></span> <span class="icon-name">envelope-square</span></button> <!----> <!----> </article> <article id="icon-classic-envelope-open-text-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-envelope-open-text fa-fw"></i></span> <span class="icon-name">envelope-open-text</span></button> <!----> <!----> </article> <article id="icon-classic-envelope-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-envelope-open fa-fw"></i></span> <span class="icon-name">envelope-open</span></button> <!----> <!----> </article> <article id="icon-classic-envelope-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-envelope fa-fw"></i></span> <span class="icon-name">envelope</span></button> <!----> <!----> </article> <article id="icon-classic-ellipsis-v-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ellipsis-v fa-fw"></i></span> <span class="icon-name">ellipsis-v</span></button> <!----> <!----> </article> <article id="icon-classic-ellipsis-h-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ellipsis-h fa-fw"></i></span> <span class="icon-name">ellipsis-h</span></button> <!----> <!----> </article> <article id="icon-classic-eject-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-eject fa-fw"></i></span> <span class="icon-name">eject</span></button> <!----> <!----> </article> <article id="icon-classic-egg-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-egg fa-fw"></i></span> <span class="icon-name">egg</span></button> <!----> <!----> </article> <article id="icon-classic-edit-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-edit fa-fw"></i></span> <span class="icon-name">edit</span></button> <!----> <!----> </article> <article id="icon-classic-dungeon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dungeon fa-fw"></i></span> <span class="icon-name">dungeon</span></button> <!----> <!----> </article> <article id="icon-classic-dumpster-fire-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dumpster-fire fa-fw"></i></span> <span class="icon-name">dumpster-fire</span></button> <!----> <!----> </article> <article id="icon-classic-dumpster-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dumpster fa-fw"></i></span> <span class="icon-name">dumpster</span></button> <!----> <!----> </article> <article id="icon-classic-dumbbell-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dumbbell fa-fw"></i></span> <span class="icon-name">dumbbell</span></button> <!----> <!----> </article> <article id="icon-classic-drumstick-bite-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-drumstick-bite fa-fw"></i></span> <span class="icon-name">drumstick-bite</span></button> <!----> <!----> </article> <article id="icon-classic-drum-steelpan-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-drum-steelpan fa-fw"></i></span> <span class="icon-name">drum-steelpan</span></button> <!----> <!----> </article> <article id="icon-classic-drum-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-drum fa-fw"></i></span> <span class="icon-name">drum</span></button> <!----> <!----> </article> <article id="icon-classic-draw-polygon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-draw-polygon fa-fw"></i></span> <span class="icon-name">draw-polygon</span></button> <!----> <!----> </article> <article id="icon-classic-dragon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dragon fa-fw"></i></span> <span class="icon-name">dragon</span></button> <!----> <!----> </article> <article id="icon-classic-drafting-compass-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-drafting-compass fa-fw"></i></span> <span class="icon-name">drafting-compass</span></button> <!----> <!----> </article> <article id="icon-classic-download-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-download fa-fw"></i></span> <span class="icon-name">download</span></button> <!----> <!----> </article> <article id="icon-classic-dove-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dove fa-fw"></i></span> <span class="icon-name">dove</span></button> <!----> <!----> </article> <article id="icon-classic-dot-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dot-circle fa-fw"></i></span> <span class="icon-name">dot-circle</span></button> <!----> <!----> </article> <article id="icon-classic-door-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-door-open fa-fw"></i></span> <span class="icon-name">door-open</span></button> <!----> <!----> </article> <article id="icon-classic-door-closed-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-door-closed fa-fw"></i></span> <span class="icon-name">door-closed</span></button> <!----> <!----> </article> <article id="icon-classic-donate-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-donate fa-fw"></i></span> <span class="icon-name">donate</span></button> <!----> <!----> </article> <article id="icon-classic-dolly-flatbed-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dolly-flatbed fa-fw"></i></span> <span class="icon-name">dolly-flatbed</span></button> <!----> <!----> </article> <article id="icon-classic-dolly-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dolly fa-fw"></i></span> <span class="icon-name">dolly</span></button> <!----> <!----> </article> <article id="icon-classic-dollar-sign-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dollar-sign fa-fw"></i></span> <span class="icon-name">dollar-sign</span></button> <!----> <!----> </article> <article id="icon-classic-dog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dog fa-fw"></i></span> <span class="icon-name">dog</span></button> <!----> <!----> </article> <article id="icon-classic-dna-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dna fa-fw"></i></span> <span class="icon-name">dna</span></button> <!----> <!----> </article> <article id="icon-classic-dizzy-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dizzy fa-fw"></i></span> <span class="icon-name">dizzy</span></button> <!----> <!----> </article> <article id="icon-classic-divide-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-divide fa-fw"></i></span> <span class="icon-name">divide</span></button> <!----> <!----> </article> <article id="icon-classic-disease-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-disease fa-fw"></i></span> <span class="icon-name">disease</span></button> <!----> <!----> </article> <article id="icon-classic-directions-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-directions fa-fw"></i></span> <span class="icon-name">directions</span></button> <!----> <!----> </article> <article id="icon-classic-digital-tachograph-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-digital-tachograph fa-fw"></i></span> <span class="icon-name">digital-tachograph</span></button> <!----> <!----> </article> <article id="icon-classic-dice-two-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-two fa-fw"></i></span> <span class="icon-name">dice-two</span></button> <!----> <!----> </article> <article id="icon-classic-dice-three-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-three fa-fw"></i></span> <span class="icon-name">dice-three</span></button> <!----> <!----> </article> <article id="icon-classic-dice-six-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-six fa-fw"></i></span> <span class="icon-name">dice-six</span></button> <!----> <!----> </article> <article id="icon-classic-dice-one-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-one fa-fw"></i></span> <span class="icon-name">dice-one</span></button> <!----> <!----> </article> <article id="icon-classic-dice-four-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-four fa-fw"></i></span> <span class="icon-name">dice-four</span></button> <!----> <!----> </article> <article id="icon-classic-dice-five-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-five fa-fw"></i></span> <span class="icon-name">dice-five</span></button> <!----> <!----> </article> <article id="icon-classic-dice-d6-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-d6 fa-fw"></i></span> <span class="icon-name">dice-d6</span></button> <!----> <!----> </article> <article id="icon-classic-dice-d20-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice-d20 fa-fw"></i></span> <span class="icon-name">dice-d20</span></button> <!----> <!----> </article> <article id="icon-classic-dice-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dice fa-fw"></i></span> <span class="icon-name">dice</span></button> <!----> <!----> </article> <article id="icon-classic-diagnoses-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-diagnoses fa-fw"></i></span> <span class="icon-name">diagnoses</span></button> <!----> <!----> </article> <article id="icon-classic-dharmachakra-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-dharmachakra fa-fw"></i></span> <span class="icon-name">dharmachakra</span></button> <!----> <!----> </article> <article id="icon-classic-desktop-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-desktop fa-fw"></i></span> <span class="icon-name">desktop</span></button> <!----> <!----> </article> <article id="icon-classic-democrat-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-democrat fa-fw"></i></span> <span class="icon-name">democrat</span></button> <!----> <!----> </article> <article id="icon-classic-deaf-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-deaf fa-fw"></i></span> <span class="icon-name">deaf</span></button> <!----> <!----> </article> <article id="icon-classic-database-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-database fa-fw"></i></span> <span class="icon-name">database</span></button> <!----> <!----> </article> <article id="icon-classic-cut-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cut fa-fw"></i></span> <span class="icon-name">cut</span></button> <!----> <!----> </article> <article id="icon-classic-cubes-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cubes fa-fw"></i></span> <span class="icon-name">cubes</span></button> <!----> <!----> </article> <article id="icon-classic-cube-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cube fa-fw"></i></span> <span class="icon-name">cube</span></button> <!----> <!----> </article> <article id="icon-classic-crutch-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-crutch fa-fw"></i></span> <span class="icon-name">crutch</span></button> <!----> <!----> </article> <article id="icon-classic-crown-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-crown fa-fw"></i></span> <span class="icon-name">crown</span></button> <!----> <!----> </article> <article id="icon-classic-crow-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-crow fa-fw"></i></span> <span class="icon-name">crow</span></button> <!----> <!----> </article> <article id="icon-classic-crosshairs-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-crosshairs fa-fw"></i></span> <span class="icon-name">crosshairs</span></button> <!----> <!----> </article> <article id="icon-classic-cross-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cross fa-fw"></i></span> <span class="icon-name">cross</span></button> <!----> <!----> </article> <article id="icon-classic-crop-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-crop-alt fa-fw"></i></span> <span class="icon-name">crop-alt</span></button> <!----> <!----> </article> <article id="icon-classic-crop-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-crop fa-fw"></i></span> <span class="icon-name">crop</span></button> <!----> <!----> </article> <article id="icon-classic-credit-card-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-credit-card fa-fw"></i></span> <span class="icon-name">credit-card</span></button> <!----> <!----> </article> <article id="icon-classic-couch-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-couch fa-fw"></i></span> <span class="icon-name">couch</span></button> <!----> <!----> </article> <article id="icon-classic-copyright-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-copyright fa-fw"></i></span> <span class="icon-name">copyright</span></button> <!----> <!----> </article> <article id="icon-classic-copy-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-copy fa-fw"></i></span> <span class="icon-name">copy</span></button> <!----> <!----> </article> <article id="icon-classic-cookie-bite-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cookie-bite fa-fw"></i></span> <span class="icon-name">cookie-bite</span></button> <!----> <!----> </article> <article id="icon-classic-cookie-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cookie fa-fw"></i></span> <span class="icon-name">cookie</span></button> <!----> <!----> </article> <article id="icon-classic-concierge-bell-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-concierge-bell fa-fw"></i></span> <span class="icon-name">concierge-bell</span></button> <!----> <!----> </article> <article id="icon-classic-compress-arrows-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-compress-arrows-alt fa-fw"></i></span> <span class="icon-name">compress-arrows-alt</span></button> <!----> <!----> </article> <article id="icon-classic-compress-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-compress-alt fa-fw"></i></span> <span class="icon-name">compress-alt</span></button> <!----> <!----> </article> <article id="icon-classic-compress-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-compress fa-fw"></i></span> <span class="icon-name">compress</span></button> <!----> <!----> </article> <article id="icon-classic-compass-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-compass fa-fw"></i></span> <span class="icon-name">compass</span></button> <!----> <!----> </article> <article id="icon-classic-compact-disc-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-compact-disc fa-fw"></i></span> <span class="icon-name">compact-disc</span></button> <!----> <!----> </article> <article id="icon-classic-comments-dollar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comments-dollar fa-fw"></i></span> <span class="icon-name">comments-dollar</span></button> <!----> <!----> </article> <article id="icon-classic-comments-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comments fa-fw"></i></span> <span class="icon-name">comments</span></button> <!----> <!----> </article> <article id="icon-classic-comment-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comment-slash fa-fw"></i></span> <span class="icon-name">comment-slash</span></button> <!----> <!----> </article> <article id="icon-classic-comment-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comment-medical fa-fw"></i></span> <span class="icon-name">comment-medical</span></button> <!----> <!----> </article> <article id="icon-classic-comment-dots-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comment-dots fa-fw"></i></span> <span class="icon-name">comment-dots</span></button> <!----> <!----> </article> <article id="icon-classic-comment-dollar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comment-dollar fa-fw"></i></span> <span class="icon-name">comment-dollar</span></button> <!----> <!----> </article> <article id="icon-classic-comment-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comment-alt fa-fw"></i></span> <span class="icon-name">comment-alt</span></button> <!----> <!----> </article> <article id="icon-classic-comment-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-comment fa-fw"></i></span> <span class="icon-name">comment</span></button> <!----> <!----> </article> <article id="icon-classic-columns-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-columns fa-fw"></i></span> <span class="icon-name">columns</span></button> <!----> <!----> </article> <article id="icon-classic-coins-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-coins fa-fw"></i></span> <span class="icon-name">coins</span></button> <!----> <!----> </article> <article id="icon-classic-cogs-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cogs fa-fw"></i></span> <span class="icon-name">cogs</span></button> <!----> <!----> </article> <article id="icon-classic-cog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cog fa-fw"></i></span> <span class="icon-name">cog</span></button> <!----> <!----> </article> <article id="icon-classic-coffee-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-coffee fa-fw"></i></span> <span class="icon-name">coffee</span></button> <!----> <!----> </article> <article id="icon-classic-code-branch-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-code-branch fa-fw"></i></span> <span class="icon-name">code-branch</span></button> <!----> <!----> </article> <article id="icon-classic-code-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-code fa-fw"></i></span> <span class="icon-name">code</span></button> <!----> <!----> </article> <article id="icon-classic-cocktail-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cocktail fa-fw"></i></span> <span class="icon-name">cocktail</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-upload-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-upload-alt fa-fw"></i></span> <span class="icon-name">cloud-upload-alt</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-sun-rain-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-sun-rain fa-fw"></i></span> <span class="icon-name">cloud-sun-rain</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-sun-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-sun fa-fw"></i></span> <span class="icon-name">cloud-sun</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-showers-heavy-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-showers-heavy fa-fw"></i></span> <span class="icon-name">cloud-showers-heavy</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-rain-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-rain fa-fw"></i></span> <span class="icon-name">cloud-rain</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-moon-rain-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-moon-rain fa-fw"></i></span> <span class="icon-name">cloud-moon-rain</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-moon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-moon fa-fw"></i></span> <span class="icon-name">cloud-moon</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-meatball-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-meatball fa-fw"></i></span> <span class="icon-name">cloud-meatball</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-download-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud-download-alt fa-fw"></i></span> <span class="icon-name">cloud-download-alt</span></button> <!----> <!----> </article> <article id="icon-classic-cloud-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cloud fa-fw"></i></span> <span class="icon-name">cloud</span></button> <!----> <!----> </article> <article id="icon-classic-closed-captioning-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-closed-captioning fa-fw"></i></span> <span class="icon-name">closed-captioning</span></button> <!----> <!----> </article> <article id="icon-classic-clone-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-clone fa-fw"></i></span> <span class="icon-name">clone</span></button> <!----> <!----> </article> <article id="icon-classic-clock-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-clock fa-fw"></i></span> <span class="icon-name">clock</span></button> <!----> <!----> </article> <article id="icon-classic-clipboard-list-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-clipboard-list fa-fw"></i></span> <span class="icon-name">clipboard-list</span></button> <!----> <!----> </article> <article id="icon-classic-clipboard-check-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-clipboard-check fa-fw"></i></span> <span class="icon-name">clipboard-check</span></button> <!----> <!----> </article> <article id="icon-classic-clipboard-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-clipboard fa-fw"></i></span> <span class="icon-name">clipboard</span></button> <!----> <!----> </article> <article id="icon-classic-clinic-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-clinic-medical fa-fw"></i></span> <span class="icon-name">clinic-medical</span></button> <!----> <!----> </article> <article id="icon-classic-city-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-city fa-fw"></i></span> <span class="icon-name">city</span></button> <!----> <!----> </article> <article id="icon-classic-circle-notch-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-circle-notch fa-fw"></i></span> <span class="icon-name">circle-notch</span></button> <!----> <!----> </article> <article id="icon-classic-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-circle fa-fw"></i></span> <span class="icon-name">circle</span></button> <!----> <!----> </article> <article id="icon-classic-church-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-church fa-fw"></i></span> <span class="icon-name">church</span></button> <!----> <!----> </article> <article id="icon-classic-child-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-child fa-fw"></i></span> <span class="icon-name">child</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-up fa-fw"></i></span> <span class="icon-name">chevron-up</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-right fa-fw"></i></span> <span class="icon-name">chevron-right</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-left fa-fw"></i></span> <span class="icon-name">chevron-left</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-down fa-fw"></i></span> <span class="icon-name">chevron-down</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-circle-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-circle-up fa-fw"></i></span> <span class="icon-name">chevron-circle-up</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-circle-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-circle-right fa-fw"></i></span> <span class="icon-name">chevron-circle-right</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-circle-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-circle-left fa-fw"></i></span> <span class="icon-name">chevron-circle-left</span></button> <!----> <!----> </article> <article id="icon-classic-chevron-circle-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chevron-circle-down fa-fw"></i></span> <span class="icon-name">chevron-circle-down</span></button> <!----> <!----> </article> <article id="icon-classic-chess-rook-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess-rook fa-fw"></i></span> <span class="icon-name">chess-rook</span></button> <!----> <!----> </article> <article id="icon-classic-chess-queen-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess-queen fa-fw"></i></span> <span class="icon-name">chess-queen</span></button> <!----> <!----> </article> <article id="icon-classic-chess-pawn-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess-pawn fa-fw"></i></span> <span class="icon-name">chess-pawn</span></button> <!----> <!----> </article> <article id="icon-classic-chess-knight-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess-knight fa-fw"></i></span> <span class="icon-name">chess-knight</span></button> <!----> <!----> </article> <article id="icon-classic-chess-king-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess-king fa-fw"></i></span> <span class="icon-name">chess-king</span></button> <!----> <!----> </article> <article id="icon-classic-chess-board-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess-board fa-fw"></i></span> <span class="icon-name">chess-board</span></button> <!----> <!----> </article> <article id="icon-classic-chess-bishop-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess-bishop fa-fw"></i></span> <span class="icon-name">chess-bishop</span></button> <!----> <!----> </article> <article id="icon-classic-chess-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chess fa-fw"></i></span> <span class="icon-name">chess</span></button> <!----> <!----> </article> <article id="icon-classic-cheese-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cheese fa-fw"></i></span> <span class="icon-name">cheese</span></button> <!----> <!----> </article> <article id="icon-classic-check-square-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-check-square fa-fw"></i></span> <span class="icon-name">check-square</span></button> <!----> <!----> </article> <article id="icon-classic-check-double-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-check-double fa-fw"></i></span> <span class="icon-name">check-double</span></button> <!----> <!----> </article> <article id="icon-classic-check-circle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-check-circle fa-fw"></i></span> <span class="icon-name">check-circle</span></button> <!----> <!----> </article> <article id="icon-classic-check-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-check fa-fw"></i></span> <span class="icon-name">check</span></button> <!----> <!----> </article> <article id="icon-classic-chart-pie-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chart-pie fa-fw"></i></span> <span class="icon-name">chart-pie</span></button> <!----> <!----> </article> <article id="icon-classic-chart-line-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chart-line fa-fw"></i></span> <span class="icon-name">chart-line</span></button> <!----> <!----> </article> <article id="icon-classic-chart-bar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chart-bar fa-fw"></i></span> <span class="icon-name">chart-bar</span></button> <!----> <!----> </article> <article id="icon-classic-chart-area-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chart-area fa-fw"></i></span> <span class="icon-name">chart-area</span></button> <!----> <!----> </article> <article id="icon-classic-charging-station-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-charging-station fa-fw"></i></span> <span class="icon-name">charging-station</span></button> <!----> <!----> </article> <article id="icon-classic-chalkboard-teacher-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chalkboard-teacher fa-fw"></i></span> <span class="icon-name">chalkboard-teacher</span></button> <!----> <!----> </article> <article id="icon-classic-chalkboard-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chalkboard fa-fw"></i></span> <span class="icon-name">chalkboard</span></button> <!----> <!----> </article> <article id="icon-classic-chair-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-chair fa-fw"></i></span> <span class="icon-name">chair</span></button> <!----> <!----> </article> <article id="icon-classic-certificate-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-certificate fa-fw"></i></span> <span class="icon-name">certificate</span></button> <!----> <!----> </article> <article id="icon-classic-cat-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cat fa-fw"></i></span> <span class="icon-name">cat</span></button> <!----> <!----> </article> <article id="icon-classic-cash-register-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cash-register fa-fw"></i></span> <span class="icon-name">cash-register</span></button> <!----> <!----> </article> <article id="icon-classic-cart-plus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cart-plus fa-fw"></i></span> <span class="icon-name">cart-plus</span></button> <!----> <!----> </article> <article id="icon-classic-cart-arrow-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cart-arrow-down fa-fw"></i></span> <span class="icon-name">cart-arrow-down</span></button> <!----> <!----> </article> <article id="icon-classic-carrot-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-carrot fa-fw"></i></span> <span class="icon-name">carrot</span></button> <!----> <!----> </article> <article id="icon-classic-caret-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-up fa-fw"></i></span> <span class="icon-name">caret-up</span></button> <!----> <!----> </article> <article id="icon-classic-caret-square-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-square-up fa-fw"></i></span> <span class="icon-name">caret-square-up</span></button> <!----> <!----> </article> <article id="icon-classic-caret-square-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-square-right fa-fw"></i></span> <span class="icon-name">caret-square-right</span></button> <!----> <!----> </article> <article id="icon-classic-caret-square-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-square-left fa-fw"></i></span> <span class="icon-name">caret-square-left</span></button> <!----> <!----> </article> <article id="icon-classic-caret-square-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-square-down fa-fw"></i></span> <span class="icon-name">caret-square-down</span></button> <!----> <!----> </article> <article id="icon-classic-caret-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-right fa-fw"></i></span> <span class="icon-name">caret-right</span></button> <!----> <!----> </article> <article id="icon-classic-caret-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-left fa-fw"></i></span> <span class="icon-name">caret-left</span></button> <!----> <!----> </article> <article id="icon-classic-caret-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caret-down fa-fw"></i></span> <span class="icon-name">caret-down</span></button> <!----> <!----> </article> <article id="icon-classic-caravan-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-caravan fa-fw"></i></span> <span class="icon-name">caravan</span></button> <!----> <!----> </article> <article id="icon-classic-car-side-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-car-side fa-fw"></i></span> <span class="icon-name">car-side</span></button> <!----> <!----> </article> <article id="icon-classic-car-crash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-car-crash fa-fw"></i></span> <span class="icon-name">car-crash</span></button> <!----> <!----> </article> <article id="icon-classic-car-battery-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-car-battery fa-fw"></i></span> <span class="icon-name">car-battery</span></button> <!----> <!----> </article> <article id="icon-classic-car-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-car-alt fa-fw"></i></span> <span class="icon-name">car-alt</span></button> <!----> <!----> </article> <article id="icon-classic-car-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-car fa-fw"></i></span> <span class="icon-name">car</span></button> <!----> <!----> </article> <article id="icon-classic-capsules-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-capsules fa-fw"></i></span> <span class="icon-name">capsules</span></button> <!----> <!----> </article> <article id="icon-classic-cannabis-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-cannabis fa-fw"></i></span> <span class="icon-name">cannabis</span></button> <!----> <!----> </article> <article id="icon-classic-candy-cane-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-candy-cane fa-fw"></i></span> <span class="icon-name">candy-cane</span></button> <!----> <!----> </article> <article id="icon-classic-campground-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-campground fa-fw"></i></span> <span class="icon-name">campground</span></button> <!----> <!----> </article> <article id="icon-classic-camera-retro-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-camera-retro fa-fw"></i></span> <span class="icon-name">camera-retro</span></button> <!----> <!----> </article> <article id="icon-classic-camera-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-camera fa-fw"></i></span> <span class="icon-name">camera</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-week-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar-week fa-fw"></i></span> <span class="icon-name">calendar-week</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-times-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar-times fa-fw"></i></span> <span class="icon-name">calendar-times</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-plus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar-plus fa-fw"></i></span> <span class="icon-name">calendar-plus</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-minus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar-minus fa-fw"></i></span> <span class="icon-name">calendar-minus</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-day-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar-day fa-fw"></i></span> <span class="icon-name">calendar-day</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-check-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar-check fa-fw"></i></span> <span class="icon-name">calendar-check</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar-alt fa-fw"></i></span> <span class="icon-name">calendar-alt</span></button> <!----> <!----> </article> <article id="icon-classic-calendar-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calendar fa-fw"></i></span> <span class="icon-name">calendar</span></button> <!----> <!----> </article> <article id="icon-classic-calculator-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-calculator fa-fw"></i></span> <span class="icon-name">calculator</span></button> <!----> <!----> </article> <article id="icon-classic-business-time-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-business-time fa-fw"></i></span> <span class="icon-name">business-time</span></button> <!----> <!----> </article> <article id="icon-classic-bus-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bus-alt fa-fw"></i></span> <span class="icon-name">bus-alt</span></button> <!----> <!----> </article> <article id="icon-classic-bus-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bus fa-fw"></i></span> <span class="icon-name">bus</span></button> <!----> <!----> </article> <article id="icon-classic-burn-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-burn fa-fw"></i></span> <span class="icon-name">burn</span></button> <!----> <!----> </article> <article id="icon-classic-bullseye-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bullseye fa-fw"></i></span> <span class="icon-name">bullseye</span></button> <!----> <!----> </article> <article id="icon-classic-bullhorn-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bullhorn fa-fw"></i></span> <span class="icon-name">bullhorn</span></button> <!----> <!----> </article> <article id="icon-classic-building-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-building fa-fw"></i></span> <span class="icon-name">building</span></button> <!----> <!----> </article> <article id="icon-classic-bug-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bug fa-fw"></i></span> <span class="icon-name">bug</span></button> <!----> <!----> </article> <article id="icon-classic-brush-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-brush fa-fw"></i></span> <span class="icon-name">brush</span></button> <!----> <!----> </article> <article id="icon-classic-broom-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-broom fa-fw"></i></span> <span class="icon-name">broom</span></button> <!----> <!----> </article> <article id="icon-classic-broadcast-tower-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-broadcast-tower fa-fw"></i></span> <span class="icon-name">broadcast-tower</span></button> <!----> <!----> </article> <article id="icon-classic-briefcase-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-briefcase-medical fa-fw"></i></span> <span class="icon-name">briefcase-medical</span></button> <!----> <!----> </article> <article id="icon-classic-briefcase-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-briefcase fa-fw"></i></span> <span class="icon-name">briefcase</span></button> <!----> <!----> </article> <article id="icon-classic-bread-slice-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bread-slice fa-fw"></i></span> <span class="icon-name">bread-slice</span></button> <!----> <!----> </article> <article id="icon-classic-brain-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-brain fa-fw"></i></span> <span class="icon-name">brain</span></button> <!----> <!----> </article> <article id="icon-classic-braille-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-braille fa-fw"></i></span> <span class="icon-name">braille</span></button> <!----> <!----> </article> <article id="icon-classic-boxes-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-boxes fa-fw"></i></span> <span class="icon-name">boxes</span></button> <!----> <!----> </article> <article id="icon-classic-box-tissue-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-box-tissue fa-fw"></i></span> <span class="icon-name">box-tissue</span></button> <!----> <!----> </article> <article id="icon-classic-box-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-box-open fa-fw"></i></span> <span class="icon-name">box-open</span></button> <!----> <!----> </article> <article id="icon-classic-box-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-box fa-fw"></i></span> <span class="icon-name">box</span></button> <!----> <!----> </article> <article id="icon-classic-bowling-ball-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bowling-ball fa-fw"></i></span> <span class="icon-name">bowling-ball</span></button> <!----> <!----> </article> <article id="icon-classic-border-style-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-border-style fa-fw"></i></span> <span class="icon-name">border-style</span></button> <!----> <!----> </article> <article id="icon-classic-border-none-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-border-none fa-fw"></i></span> <span class="icon-name">border-none</span></button> <!----> <!----> </article> <article id="icon-classic-border-all-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-border-all fa-fw"></i></span> <span class="icon-name">border-all</span></button> <!----> <!----> </article> <article id="icon-classic-bookmark-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bookmark fa-fw"></i></span> <span class="icon-name">bookmark</span></button> <!----> <!----> </article> <article id="icon-classic-book-reader-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-book-reader fa-fw"></i></span> <span class="icon-name">book-reader</span></button> <!----> <!----> </article> <article id="icon-classic-book-open-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-book-open fa-fw"></i></span> <span class="icon-name">book-open</span></button> <!----> <!----> </article> <article id="icon-classic-book-medical-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-book-medical fa-fw"></i></span> <span class="icon-name">book-medical</span></button> <!----> <!----> </article> <article id="icon-classic-book-dead-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-book-dead fa-fw"></i></span> <span class="icon-name">book-dead</span></button> <!----> <!----> </article> <article id="icon-classic-book-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-book fa-fw"></i></span> <span class="icon-name">book</span></button> <!----> <!----> </article> <article id="icon-classic-bong-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bong fa-fw"></i></span> <span class="icon-name">bong</span></button> <!----> <!----> </article> <article id="icon-classic-bone-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bone fa-fw"></i></span> <span class="icon-name">bone</span></button> <!----> <!----> </article> <article id="icon-classic-bomb-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bomb fa-fw"></i></span> <span class="icon-name">bomb</span></button> <!----> <!----> </article> <article id="icon-classic-bolt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bolt fa-fw"></i></span> <span class="icon-name">bolt</span></button> <!----> <!----> </article> <article id="icon-classic-bold-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bold fa-fw"></i></span> <span class="icon-name">bold</span></button> <!----> <!----> </article> <article id="icon-classic-blog-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-blog fa-fw"></i></span> <span class="icon-name">blog</span></button> <!----> <!----> </article> <article id="icon-classic-blind-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-blind fa-fw"></i></span> <span class="icon-name">blind</span></button> <!----> <!----> </article> <article id="icon-classic-blender-phone-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-blender-phone fa-fw"></i></span> <span class="icon-name">blender-phone</span></button> <!----> <!----> </article> <article id="icon-classic-blender-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-blender fa-fw"></i></span> <span class="icon-name">blender</span></button> <!----> <!----> </article> <article id="icon-classic-birthday-cake-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-birthday-cake fa-fw"></i></span> <span class="icon-name">birthday-cake</span></button> <!----> <!----> </article> <article id="icon-classic-biohazard-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-biohazard fa-fw"></i></span> <span class="icon-name">biohazard</span></button> <!----> <!----> </article> <article id="icon-classic-binoculars-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-binoculars fa-fw"></i></span> <span class="icon-name">binoculars</span></button> <!----> <!----> </article> <article id="icon-classic-biking-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-biking fa-fw"></i></span> <span class="icon-name">biking</span></button> <!----> <!----> </article> <article id="icon-classic-bicycle-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bicycle fa-fw"></i></span> <span class="icon-name">bicycle</span></button> <!----> <!----> </article> <article id="icon-classic-bible-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bible fa-fw"></i></span> <span class="icon-name">bible</span></button> <!----> <!----> </article> <article id="icon-classic-bezier-curve-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bezier-curve fa-fw"></i></span> <span class="icon-name">bezier-curve</span></button> <!----> <!----> </article> <article id="icon-classic-bell-slash-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bell-slash fa-fw"></i></span> <span class="icon-name">bell-slash</span></button> <!----> <!----> </article> <article id="icon-classic-bell-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bell fa-fw"></i></span> <span class="icon-name">bell</span></button> <!----> <!----> </article> <article id="icon-classic-beer-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-beer fa-fw"></i></span> <span class="icon-name">beer</span></button> <!----> <!----> </article> <article id="icon-classic-bed-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bed fa-fw"></i></span> <span class="icon-name">bed</span></button> <!----> <!----> </article> <article id="icon-classic-battery-three-quarters-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-battery-three-quarters fa-fw"></i></span> <span class="icon-name">battery-three-quarters</span></button> <!----> <!----> </article> <article id="icon-classic-battery-quarter-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-battery-quarter fa-fw"></i></span> <span class="icon-name">battery-quarter</span></button> <!----> <!----> </article> <article id="icon-classic-battery-half-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-battery-half fa-fw"></i></span> <span class="icon-name">battery-half</span></button> <!----> <!----> </article> <article id="icon-classic-battery-full-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-battery-full fa-fw"></i></span> <span class="icon-name">battery-full</span></button> <!----> <!----> </article> <article id="icon-classic-battery-empty-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-battery-empty fa-fw"></i></span> <span class="icon-name">battery-empty</span></button> <!----> <!----> </article> <article id="icon-classic-bath-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bath fa-fw"></i></span> <span class="icon-name">bath</span></button> <!----> <!----> </article> <article id="icon-classic-basketball-ball-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-basketball-ball fa-fw"></i></span> <span class="icon-name">basketball-ball</span></button> <!----> <!----> </article> <article id="icon-classic-baseball-ball-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-baseball-ball fa-fw"></i></span> <span class="icon-name">baseball-ball</span></button> <!----> <!----> </article> <article id="icon-classic-bars-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bars fa-fw"></i></span> <span class="icon-name">bars</span></button> <!----> <!----> </article> <article id="icon-classic-barcode-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-barcode fa-fw"></i></span> <span class="icon-name">barcode</span></button> <!----> <!----> </article> <article id="icon-classic-band-aid-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-band-aid fa-fw"></i></span> <span class="icon-name">band-aid</span></button> <!----> <!----> </article> <article id="icon-classic-ban-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ban fa-fw"></i></span> <span class="icon-name">ban</span></button> <!----> <!----> </article> <article id="icon-classic-balance-scale-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-balance-scale-right fa-fw"></i></span> <span class="icon-name">balance-scale-right</span></button> <!----> <!----> </article> <article id="icon-classic-balance-scale-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-balance-scale-left fa-fw"></i></span> <span class="icon-name">balance-scale-left</span></button> <!----> <!----> </article> <article id="icon-classic-balance-scale-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-balance-scale fa-fw"></i></span> <span class="icon-name">balance-scale</span></button> <!----> <!----> </article> <article id="icon-classic-bahai-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bahai fa-fw"></i></span> <span class="icon-name">bahai</span></button> <!----> <!----> </article> <article id="icon-classic-bacterium-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bacterium fa-fw"></i></span> <span class="icon-name">bacterium</span></button> <!----> <!----> </article> <article id="icon-classic-bacteria-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bacteria fa-fw"></i></span> <span class="icon-name">bacteria</span></button> <!----> <!----> </article> <article id="icon-classic-bacon-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-bacon fa-fw"></i></span> <span class="icon-name">bacon</span></button> <!----> <!----> </article> <article id="icon-classic-backward-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-backward fa-fw"></i></span> <span class="icon-name">backward</span></button> <!----> <!----> </article> <article id="icon-classic-backspace-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-backspace fa-fw"></i></span> <span class="icon-name">backspace</span></button> <!----> <!----> </article> <article id="icon-classic-baby-carriage-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-baby-carriage fa-fw"></i></span> <span class="icon-name">baby-carriage</span></button> <!----> <!----> </article> <article id="icon-classic-baby-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-baby fa-fw"></i></span> <span class="icon-name">baby</span></button> <!----> <!----> </article> <article id="icon-classic-award-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-award fa-fw"></i></span> <span class="icon-name">award</span></button> <!----> <!----> </article> <article id="icon-classic-audio-description-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-audio-description fa-fw"></i></span> <span class="icon-name">audio-description</span></button> <!----> <!----> </article> <article id="icon-classic-atom-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-atom fa-fw"></i></span> <span class="icon-name">atom</span></button> <!----> <!----> </article> <article id="icon-classic-atlas-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-atlas fa-fw"></i></span> <span class="icon-name">atlas</span></button> <!----> <!----> </article> <article id="icon-classic-at-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-at fa-fw"></i></span> <span class="icon-name">at</span></button> <!----> <!----> </article> <article id="icon-classic-asterisk-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-asterisk fa-fw"></i></span> <span class="icon-name">asterisk</span></button> <!----> <!----> </article> <article id="icon-classic-assistive-listening-systems-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-assistive-listening-systems fa-fw"></i></span> <span class="icon-name">assistive-listening-systems</span></button> <!----> <!----> </article> <article id="icon-classic-arrows-alt-v-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrows-alt-v fa-fw"></i></span> <span class="icon-name">arrows-alt-v</span></button> <!----> <!----> </article> <article id="icon-classic-arrows-alt-h-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrows-alt-h fa-fw"></i></span> <span class="icon-name">arrows-alt-h</span></button> <!----> <!----> </article> <article id="icon-classic-arrows-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrows-alt fa-fw"></i></span> <span class="icon-name">arrows-alt</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-up fa-fw"></i></span> <span class="icon-name">arrow-up</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-right fa-fw"></i></span> <span class="icon-name">arrow-right</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-left fa-fw"></i></span> <span class="icon-name">arrow-left</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-down fa-fw"></i></span> <span class="icon-name">arrow-down</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-circle-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-circle-up fa-fw"></i></span> <span class="icon-name">arrow-circle-up</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-circle-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-circle-right fa-fw"></i></span> <span class="icon-name">arrow-circle-right</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-circle-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-circle-left fa-fw"></i></span> <span class="icon-name">arrow-circle-left</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-circle-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-circle-down fa-fw"></i></span> <span class="icon-name">arrow-circle-down</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-alt-circle-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-alt-circle-up fa-fw"></i></span> <span class="icon-name">arrow-alt-circle-up</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-alt-circle-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-alt-circle-right fa-fw"></i></span> <span class="icon-name">arrow-alt-circle-right</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-alt-circle-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-alt-circle-left fa-fw"></i></span> <span class="icon-name">arrow-alt-circle-left</span></button> <!----> <!----> </article> <article id="icon-classic-arrow-alt-circle-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-arrow-alt-circle-down fa-fw"></i></span> <span class="icon-name">arrow-alt-circle-down</span></button> <!----> <!----> </article> <article id="icon-classic-archway-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-archway fa-fw"></i></span> <span class="icon-name">archway</span></button> <!----> <!----> </article> <article id="icon-classic-archive-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-archive fa-fw"></i></span> <span class="icon-name">archive</span></button> <!----> <!----> </article> <article id="icon-classic-apple-alt-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-apple-alt fa-fw"></i></span> <span class="icon-name">apple-alt</span></button> <!----> <!----> </article> <article id="icon-classic-ankh-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ankh fa-fw"></i></span> <span class="icon-name">ankh</span></button> <!----> <!----> </article> <article id="icon-classic-angry-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angry fa-fw"></i></span> <span class="icon-name">angry</span></button> <!----> <!----> </article> <article id="icon-classic-angle-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-up fa-fw"></i></span> <span class="icon-name">angle-up</span></button> <!----> <!----> </article> <article id="icon-classic-angle-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-right fa-fw"></i></span> <span class="icon-name">angle-right</span></button> <!----> <!----> </article> <article id="icon-classic-angle-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-left fa-fw"></i></span> <span class="icon-name">angle-left</span></button> <!----> <!----> </article> <article id="icon-classic-angle-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-down fa-fw"></i></span> <span class="icon-name">angle-down</span></button> <!----> <!----> </article> <article id="icon-classic-angle-double-up-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-double-up fa-fw"></i></span> <span class="icon-name">angle-double-up</span></button> <!----> <!----> </article> <article id="icon-classic-angle-double-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-double-right fa-fw"></i></span> <span class="icon-name">angle-double-right</span></button> <!----> <!----> </article> <article id="icon-classic-angle-double-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-double-left fa-fw"></i></span> <span class="icon-name">angle-double-left</span></button> <!----> <!----> </article> <article id="icon-classic-angle-double-down-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-angle-double-down fa-fw"></i></span> <span class="icon-name">angle-double-down</span></button> <!----> <!----> </article> <article id="icon-classic-anchor-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-anchor fa-fw"></i></span> <span class="icon-name">anchor</span></button> <!----> <!----> </article> <article id="icon-classic-american-sign-language-interpreting-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-american-sign-language-interpreting fa-fw"></i></span> <span class="icon-name">american-sign-language-interpreting</span></button> <!----> <!----> </article> <article id="icon-classic-ambulance-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ambulance fa-fw"></i></span> <span class="icon-name">ambulance</span></button> <!----> <!----> </article> <article id="icon-classic-allergies-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-allergies fa-fw"></i></span> <span class="icon-name">allergies</span></button> <!----> <!----> </article> <article id="icon-classic-align-right-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-align-right fa-fw"></i></span> <span class="icon-name">align-right</span></button> <!----> <!----> </article> <article id="icon-classic-align-left-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-align-left fa-fw"></i></span> <span class="icon-name">align-left</span></button> <!----> <!----> </article> <article id="icon-classic-align-justify-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-align-justify fa-fw"></i></span> <span class="icon-name">align-justify</span></button> <!----> <!----> </article> <article id="icon-classic-align-center-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-align-center fa-fw"></i></span> <span class="icon-name">align-center</span></button> <!----> <!----> </article> <article id="icon-classic-air-freshener-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-air-freshener fa-fw"></i></span> <span class="icon-name">air-freshener</span></button> <!----> <!----> </article> <article id="icon-classic-adjust-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-adjust fa-fw"></i></span> <span class="icon-name">adjust</span></button> <!----> <!----> </article> <article id="icon-classic-address-card-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-address-card fa-fw"></i></span> <span class="icon-name">address-card</span></button> <!----> <!----> </article> <article id="icon-classic-address-book-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-address-book fa-fw"></i></span> <span class="icon-name">address-book</span></button> <!----> <!----> </article> <article id="icon-classic-ad-solid" class="wrap-icon with-top-tag" icon-style="solid"> <button type="button" class="icon flat" style="--button-padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-md) var(--spacing-sm); --button-background: var(--white); --button-hover-background: var(--fa-yellow); --button-color: var(--fa-navy); --button-hover-color: var(--fa-navy); width: 100%; height: 100%; --button-font-weight: var(--font-weight-normal); --button-margin-bottom: 0;"><span><i class="fas fa-ad fa-fw"></i></span> <span class="icon-name">ad</span></button> <!----> <!----> </article> </div> <?php /**PATH /var/www/www.sucre.gob.ec/turismo.sucre.gob.ec/resources/views/admin/listado_iconos.blade.php ENDPATH**/ ?>