@font-face {
    font-display: swap;
    font-family: 'eui-icons';
    font-style: normal;
    font-weight: normal;
    src: url('#{$eui-assets-path}/fonts/eui-icons/eui-icons.eot');
    src:
        url('#{$eui-assets-path}/fonts/eui-icons/eui-icons.eot#iefix') format('embedded-opentype'),
        url('#{$eui-assets-path}/fonts/eui-icons/eui-icons.woff2?v=2.4') format('woff2'),
        url('#{$eui-assets-path}/fonts/eui-icons/eui-icons.woff?v=2.4') format('woff'),
        url('#{$eui-assets-path}/fonts/eui-icons/eui-icons.ttf?v=2.4') format('truetype'),
        url('#{$eui-assets-path}/fonts/eui-icons/eui-icons.svg#eui-icons') format('svg');
}

.eui-icon,
.ux-icon {
    display: inline-block;
    font-family: v(eui-base-font-family-icons);
    font-size: v(eui-base-icon-size);   // DS aligned 24pt
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
    font-weight: normal !important;
    letter-spacing: normal;
    line-height: 1;     // Sets to 1:1 ratio to allow squared 24x24 icons
    position: relative;
    text-rendering: auto;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
}

// Allow FA with eui-icon iconClass
.fa {
    font-family: FontAwesome, sans-serif;
    font-size: v(eui-base-font-size);
}

// SPECIFIC SIZES RATIOS (FA)
.ux-icon-2x, // DEPRECATED
.fa-2x, // DEPRECATED
.eui-icon-2x {
    font-size: calc(2rem / #{v(eui-base-scale-factor)});
    height: calc(2 * #{v(eui-base-font-size)});
    width: calc(2 * #{v(eui-base-font-size)});
}

.ux-icon-3x, // DEPRECATED
.fa-3x, // DEPRECATED
.eui-icon-3x {
    font-size: calc(3rem / #{v(eui-base-scale-factor)});
    height: calc(3 * #{v(eui-base-font-size)});
    width: calc(3 * #{v(eui-base-font-size)});
}

.ux-icon-4x, // DEPRECATED
.fa-4x, // DEPRECATED
.eui-icon-4x {
    font-size: calc(4rem / #{v(eui-base-scale-factor)});
    height: calc(4 * #{v(eui-base-font-size)});
    width: calc(4 * #{v(eui-base-font-size)});
}

.ux-icon-5x, // DEPRECATED
.fa-5x, // DEPRECATED
.eui-icon-5x {
    font-size: calc(5rem / #{v(eui-base-scale-factor)});
    height: calc(5 * #{v(eui-base-font-size)});
    width: calc(5 * #{v(eui-base-font-size)});
}

.eui-icon-fw,
.ux-icon-fw {
    text-align: center;
    width: auto;
}

.eui-icon-ul,
.ux-icon-ul {
    list-style-type: none;
    margin-left: calc(#{v(eui-base-spacing-xl)} + #{v(eui-base-spacing-3xs)});
    padding-left: 0;
}

.eui-icon-ul > li,
.ux-icon-ul > li {
    position: relative;
}

.eui-icon-li,
.ux-icon-li {
    left: -2.14285714em;
    position: absolute;
    text-align: center;
    top: 0.14285714em;
    width: 2.14285714em;
}

.eui-icon-li.eui-icon-lg,
.ux-icon-li.ux-icon-lg {
    left: -1.85714286em;
}

// DEPRECATED
.ux-icon-border {
    border: 1px solid v(eui-base-color-grey-20);
    border-radius: v(eui-base-border-radius);
    padding: v(eui-base-spacing-xs);
}

.eui-icon-pull-left,
.ux-icon-pull-left {
    float: left;
}

.eui-icon-pull-right,
.ux-icon-pull-right {
    float: right;
}

.eui-icon.eui-icon-pull-left,
.ux-icon.ux-icon-pull-left {
    margin-right: 0.3em;
}

.eui-icon.eui-icon-pull-right,
.ux-icon.ux-icon-pull-right {
    margin-left: 0.3em;
}

/* DEPRECATED as of 4.4.0 */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.eui-icon.pull-left,
.ux-icon.pull-left {
    margin-right: 0.3em;
}

.eui-icon.pull-right,
.ux-icon.pull-right {
    margin-left: 0.3em;
}

// SPIN ANIMATION
.ux-icon-spin,  // DEPRECATED
.eui-icon-spin, // DEPRECATED
.eui-icon--spin {
    animation: eui-icon-spin-animation 1s infinite linear;
}
@keyframes eui-icon-spin-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

////////////////
// ICONS HERE //
////////////////
.eui-icon-add,
.ux-icon-add {
    &::before {
        content: $eui-icon-add;
    }
}

.eui-icon-add-circle,
.ux-icon-add-circle {
    &::before {
        content: $eui-icon-add-circle;
    }
}

.eui-icon-add-circle-o,
.ux-icon-add-circle-o {
    &::before {
        content: $eui-icon-add-circle-o;
    }
}

.eui-icon-adjust,
.ux-icon-adjust {
    &::before {
        content: $eui-icon-adjust;
    }
}

.eui-icon-angle-down,
.ux-icon-angle-down {
    &::before {
        content: $eui-icon-angle-down;
    }
}

.eui-icon-angle-left,
.ux-icon-angle-left {
    &::before {
        content: $eui-icon-angle-left;
    }
}

.eui-icon-angle-right,
.ux-icon-angle-right {
    &::before {
        content: $eui-icon-angle-right;
    }
}

.eui-icon-angle-up,
.ux-icon-angle-up {
    &::before {
        content: $eui-icon-angle-up;
    }
}

.eui-icon-apps,
.ux-icon-apps {
    &::before {
        content: $eui-icon-apps;
    }
}

.eui-icon-arrow-down,
.ux-icon-arrow-down {
    &::before {
        content: $eui-icon-arrow-down;
    }
}

.ux-icon-ios-arrow-thin-down, // DEPRECATED
.eui-icon-arrow-down-thin {
    &::before {
        content: $eui-icon-arrow-down-thin;
    }
}

.eui-icon-arrow-left,
.ux-icon-arrow-left {
    &::before {
        content: $eui-icon-arrow-left;
    }
}

.ux-icon-ios-arrow-thin-left, // DEPRECATED
.eui-icon-arrow-left-thin,
.ux-icon-arrow-left-thin {
    &::before {
        content: $eui-icon-arrow-left-thin;
    }
}

.eui-icon-arrow-right,
.ux-icon-arrow-right {
    &::before {
        content: $eui-icon-arrow-right;
    }
}

.ux-icon-ios-arrow-thin-right, // DEPRECATED
.eui-icon-arrow-right-thin,
.ux-icon-arrow-right-thin {
    &::before {
        content: $eui-icon-arrow-right-thin;
    }
}

.eui-icon-arrow-up,
.ux-icon-arrow-up {
    &::before {
        content: $eui-icon-arrow-up;
    }
}

.ux-icon-ios-arrow-thin-up, // DEPRECATED
.eui-icon-arrow-up-thin,
.ux-icon-arrow-up-thin {
    &::before {
        content: $eui-icon-arrow-up-thin;
    }
}

.ux-icon-institution, // DEPRECATED
.ux-icon-university, // DEPRECATED
.eui-icon-bank,
.ux-icon-bank {
    &::before {
        content: $eui-icon-bank;
    }
}

.ux-icon-reorder, // DEPRECATED
.eui-icon-bars,
.ux-icon-bars {
    &::before {
        content: $eui-icon-bars;
    }
}

.eui-icon-bell,
.ux-icon-bell {
    &::before {
        content: $eui-icon-bell;
    }
}

.eui-icon-bolt,
.ux-icon-bolt {
    &::before {
        content: $eui-icon-bolt;
    }
}

.ux-icon-ios-book-outline, // DEPRECATED
.eui-icon-book-o,
.ux-icon-book-o {
    &::before {
        content: $eui-icon-book-o;
    }
}

.eui-icon-bookmark {
    &::before {
        content: $eui-icon-bookmark;
    }
}

.eui-icon-bookmark-o {
    &::before {
        content: $eui-icon-bookmark-o;
    }
}

.ux-icon-ios-briefcase-outline, // DEPRECATED
.eui-icon-briefcase-o,
.ux-icon-briefcase-o {
    &::before {
        content: $eui-icon-briefcase-o;
    }
}

.eui-icon-calendar,
.ux-icon-calendar {
    &::before {
        content: $eui-icon-calendar;
    }
}

.eui-icon-camera,
.ux-icon-camera {
    &::before {
        content: $eui-icon-camera;
    }
}

.eui-icon-camera-add,
.ux-icon-camera-add {
    &::before {
        content: $eui-icon-camera-add;
    }
}

.eui-icon-caret-down,
.ux-icon-caret-down {
    &::before {
        content: $eui-icon-caret-down;
    }
}

.eui-icon-caret-first,
.ux-icon-caret-first {
    &::before {
        content: $eui-icon-caret-first;
    }
}

.eui-icon-caret-last,
.ux-icon-caret-last {
    &::before {
        content: $eui-icon-caret-last;
    }
}

.eui-icon-caret-left,
.ux-icon-caret-left {
    &::before {
        content: $eui-icon-caret-left;
    }
}

.eui-icon-caret-right,
.ux-icon-caret-right {
    &::before {
        content: $eui-icon-caret-right;
    }
}

.eui-icon-caret-up,
.ux-icon-caret-up {
    &::before {
        content: $eui-icon-caret-up;
    }
}

.ux-icon-link, // DEPRECATED
.eui-icon-chain,
.ux-icon-chain {
    &::before {
        content: $eui-icon-chain;
    }
}

.eui-icon-chart-area,
.ux-icon-chart-area {
    &::before {
        content: $eui-icon-chart-area;
    }
}

.eui-icon-chart-bar,
.ux-icon-chart-bar {
    &::before {
        content: $eui-icon-chart-bar;
    }
}

.eui-icon-chart-line,
.ux-icon-chart-line {
    &::before {
        content: $eui-icon-chart-line;
    }
}

.eui-icon-chart-pie,
.ux-icon-chart-pie {
    &::before {
        content: $eui-icon-chart-pie;
    }
}

.eui-icon-check,
.ux-icon-check {
    &::before {
        content: $eui-icon-check;
    }
}

.eui-icon-check-circle,
.ux-icon-check-circle {
    &::before {
        content: $eui-icon-check-circle;
    }
}

.eui-icon-check-m,
.ux-icon-check-m {
    &::before {
        content: $eui-icon-check-m;
    }
}

.eui-icon-checkbox,
.ux-icon-checkbox {
    &::before {
        content: $eui-icon-checkbox;
    }
}

.eui-icon-checkbox-intermediate,
.ux-icon-checkbox-intermediate {
    &::before {
        content: $eui-icon-checkbox-intermediate;
    }
}

.eui-icon-checkbox-outline,
.ux-icon-checkbox-outline {
    &::before {
        content: $eui-icon-checkbox-outline;
    }
}

.eui-icon-chevron-down,
.ux-icon-chevron-down {
    &::before {
        content: $eui-icon-chevron-down;
    }
}

.eui-icon-chevron-left,
.ux-icon-chevron-left {
    &::before {
        content: $eui-icon-chevron-left;
    }
}

.eui-icon-chevron-right,
.ux-icon-chevron-right {
    &::before {
        content: $eui-icon-chevron-right;
    }
}

.eui-icon-chevron-up,
.ux-icon-chevron-up {
    &::before {
        content: $eui-icon-chevron-up;
    }
}

.eui-icon-circle,
.ux-icon-circle {
    &::before {
        content: $eui-icon-circle;
    }
}

.eui-icon-circle-o,
.ux-icon-circle-o {
    &::before {
        content: $eui-icon-circle-o;
    }
}

.eui-icon-circle-thin,
.ux-icon-circle-thin {
    &::before {
        content: $eui-icon-circle-thin;
    }
}

.ux-icon-schedule, // DEPRECATED
.eui-icon-clock,
.ux-icon-clock {
    &::before {
        content: $eui-icon-clock;
    }
}

.eui-icon-close-m,
.ux-icon-close-m {
    &::before {
        content: $eui-icon-close-m;
    }
}

.eui-icon-code,
.ux-icon-code {
    &::before {
        content: $eui-icon-code;
    }
}

.eui-icon-comment,
.ux-icon-comment {
    &::before {
        content: $eui-icon-comment;
    }
}

.ux-icon-ios-browsers-outline, // DEPRECATED
.eui-icon-copy-o,
.ux-icon-copy-o {
    &::before {
        content: $eui-icon-copy-o;
    }
}

.ux-icon-ios-copy-outline, // DEPRECATED
.eui-icon-copy-page-o,
.ux-icon-copy-page-o {
    &::before {
        content: $eui-icon-copy-page-o;
    }
}

.eui-icon-copyright,
.ux-icon-copyright {
    &::before {
        content: $eui-icon-copyright;
    }
}

.eui-icon-create,
.ux-icon-create {
    &::before {
        content: $eui-icon-create;
    }
}

.eui-icon-credit-card,
.ux-icon-credit-card {
    &::before {
        content: $eui-icon-credit-card;
    }
}

.eui-icon-dashboard,
.ux-icon-dashboard {
    &::before {
        content: $eui-icon-dashboard;
    }
}

.eui-icon-dedent,
.ux-icon-dedent {
    &::before {
        content: $eui-icon-dedent;
    }
}

.eui-icon-trash, // DEPRECATED
.ux-icon-trash, // DEPRECATED
.eui-icon-delete,
.ux-icon-delete {
    &::before {
        content: $eui-icon-delete;
    }
}

.eui-icon-delete-forever,
.ux-icon-delete-forever {
    &::before {
        content: $eui-icon-delete-forever;
    }
}

.eui-icon-trash-o, // DEPRECATED
.ux-icon-trash-o, // DEPRECATED
.eui-icon-delete-o,
.ux-icon-delete-o {
    &::before {
        content: $eui-icon-delete-o;
    }
}

.eui-icon-drag-indicator,
.ux-icon-drag-indicator {
    &::before {
        content: $eui-icon-drag-indicator;
    }
}

.eui-icon-e-help,
.ux-icon-e-help {
    &::before {
        content: $eui-icon-e-help;
    }
}

// ECL ///////////////////////////////////
.eui-icon-ecl-audio {
    &::before {
        content: $eui-icon-ecl-audio;
    }
}

.eui-icon-ecl-book {
    &::before {
        content: $eui-icon-ecl-book;
    }
}

.eui-icon-ecl-calendar {
    &::before {
        content: $eui-icon-ecl-calendar;
    }
}

.eui-icon-ecl-close {
    &::before {
        content: $eui-icon-ecl-close;
    }
}

.eui-icon-ecl-close-filled {
    &::before {
        content: $eui-icon-ecl-close-filled;
    }
}

.eui-icon-ecl-copy {
    &::before {
        content: $eui-icon-ecl-copy;
    }
}

.eui-icon-ecl-digital {
    &::before {
        content: $eui-icon-ecl-digital;
    }
}

.eui-icon-ecl-download {
    &::before {
        content: $eui-icon-ecl-download;
    }
}

.eui-icon-ecl-edit {
    &::before {
        content: $eui-icon-ecl-edit;
    }
}

.eui-icon-ecl-error {
    &::before {
        content: $eui-icon-ecl-error;
    }
}

.eui-icon-ecl-external {
    &::before {
        content: $eui-icon-ecl-external;
    }
}

.eui-icon-ecl-facebook {
    &::before {
        content: $eui-icon-ecl-facebook;
    }
}

.eui-icon-ecl-faq {
    &::before {
        content: $eui-icon-ecl-faq;
    }
}

.eui-icon-ecl-feedback {
    &::before {
        content: $eui-icon-ecl-feedback;
    }
}

.eui-icon-ecl-file {
    &::before {
        content: $eui-icon-ecl-file;
    }
}

.eui-icon-ecl-fullscreen {
    &::before {
        content: $eui-icon-ecl-fullscreen;
    }
}

.eui-icon-ecl-gear {
    &::before {
        content: $eui-icon-ecl-gear;
    }
}

.eui-icon-ecl-generic-lang {
    &::before {
        content: $eui-icon-ecl-generic-lang;
    }
}

.eui-icon-ecl-global {
    &::before {
        content: $eui-icon-ecl-global;
    }
}

.eui-icon-ecl-growth {
    &::before {
        content: $eui-icon-ecl-growth;
    }
}

.eui-icon-ecl-hamburger {
    &::before {
        content: $eui-icon-ecl-hamburger;
    }
}

.eui-icon-ecl-image {
    &::before {
        content: $eui-icon-ecl-image;
    }
}

.eui-icon-ecl-infographic {
    &::before {
        content: $eui-icon-ecl-infographic;
    }
}

.eui-icon-ecl-information {
    &::before {
        content: $eui-icon-ecl-information;
    }
}

.eui-icon-ecl-instagram {
    &::before {
        content: $eui-icon-ecl-instagram;
    }
}

.eui-icon-ecl-linkedin {
    &::before {
        content: $eui-icon-ecl-linkedin;
    }
}

.eui-icon-ecl-livestreaming {
    &::before {
        content: $eui-icon-ecl-livestreaming;
    }
}

.eui-icon-ecl-multiple-files {
    &::before {
        content: $eui-icon-ecl-multiple-files;
    }
}

.eui-icon-ecl-organigram {
    &::before {
        content: $eui-icon-ecl-organigram;
    }
}

.eui-icon-ecl-pinterest {
    &::before {
        content: $eui-icon-ecl-pinterest;
    }
}

.eui-icon-ecl-print {
    &::before {
        content: $eui-icon-ecl-print;
    }
}

.eui-icon-ecl-regulation {
    &::before {
        content: $eui-icon-ecl-regulation;
    }
}

.eui-icon-ecl-skype {
    &::before {
        content: $eui-icon-ecl-skype;
    }
}

.eui-icon-ecl-solid-arrow {
    &::before {
        content: $eui-icon-ecl-solid-arrow;
    }
}

.eui-icon-ecl-spinner {
    &::before {
        content: $eui-icon-ecl-spinner;
    }
}

.eui-icon-ecl-spreadsheet {
    &::before {
        content: $eui-icon-ecl-spreadsheet;
    }
}

.eui-icon-ecl-twitter {
    &::before {
        content: $eui-icon-ecl-twitter;
    }
}

.eui-icon-ecl-video {
    &::before {
        content: $eui-icon-ecl-video;
    }
}

.eui-icon-ecl-youtube {
    &::before {
        content: $eui-icon-ecl-youtube;
    }
}
// ECL END //////////////////////

.eui-icon-edit,
.ux-icon-edit {
    &::before {
        content: $eui-icon-edit;
    }
}

.eui-icon-email,    // DEPRECATED
.ux-icon-email,    // DEPRECATED
.eui-icon-envelope,
.ux-icon-envelope {
    &::before {
        content: $eui-icon-envelope;
    }
}

.eui-icon-envelope-o,
.ux-icon-envelope-o {
    &::before {
        content: $eui-icon-envelope-o;
    }
}

.ux-icon-euro, // DEPRECATED
.eui-icon-eur,
.ux-icon-eur {
    &::before {
        content: $eui-icon-eur;
    }
}

.eui-icon-exclamation,
.ux-icon-exclamation {
    &::before {
        content: $eui-icon-exclamation;
    }
}

.eui-icon-exclamation-circle,
.ux-icon-exclamation-circle {
    &::before {
        content: $eui-icon-exclamation-circle;
    }
}

.ux-icon-warning, // DEPRECATED
.eui-icon-exclamation-triangle,
.ux-icon-exclamation-triangle {
    &::before {
        content: $eui-icon-exclamation-triangle;
    }
}

.ux-icon-exit,  // DEPRECATED
.eui-icon-exit {
    &::before {
        content: $eui-icon-exit;
    }
}

.ux-icon-file,  // DEPRECATED
.eui-icon-file {
    &::before {
        content: $eui-icon-file;
    }
}

.ux-icon-file-o,  // DEPRECATED
.eui-icon-file-o {
    &::before {
        content: $eui-icon-file-o;
    }
}

.ux-icon-files-o,  // DEPRECATED
.eui-icon-files-o {
    &::before {
        content: $eui-icon-files-o;
    }
}

.eui-icon-filter,
.ux-icon-filter {
    &::before {
        content: $eui-icon-filter;
    }
}

.eui-icon-flag,
.ux-icon-flag {
    &::before {
        content: $eui-icon-flag;
    }
}

.eui-icon-flag-o,
.ux-icon-flag-o {
    &::before {
        content: $eui-icon-flag-o;
    }
}

.ux-icon-folder,  // DEPRECATED
.eui-icon-folder {
    &::before {
        content: $eui-icon-folder;
    }
}

.ux-icon-folder-o,  // DEPRECATED
.eui-icon-folder-o {
    &::before {
        content: $eui-icon-folder-o;
    }
}

.ux-icon-folder-open,  // DEPRECATED
.eui-icon-folder-open {
    &::before {
        content: $eui-icon-folder-open;
    }
}

.ux-icon-folder-open-o,  // DEPRECATED
.eui-icon-folder-open-o {
    &::before {
        content: $eui-icon-folder-open-o;
    }
}

.ux-icon-venus, // DEPRECATED
.ux-icon-gender-f, // DEPRECATED
.eui-icon-gender-f {
    &::before {
        content: $eui-icon-gender-f;
    }
}

.ux-icon-venus-mars, // DEPRECATED
.ux-icon-gender-fm, // DEPRECATED
.eui-icon-gender-fm {
    &::before {
        content: $eui-icon-gender-fm;
    }
}

.ux-icon-mars, // DEPRECATED
.ux-icon-gender-m, // DEPRECATED
.eui-icon-gender-m {
    &::before {
        content: $eui-icon-gender-m;
    }
}

.ux-icon-th, // DEPRECATED
.ux-icon-grid, // DEPRECATED
.eui-icon-grid {
    &::before {
        content: $eui-icon-grid;
    }
}

.ux-icon-ios-home, // DEPRECATED
.ux-icon-home, // DEPRECATED
.eui-icon-home {
    &::before {
        content: $eui-icon-home;
    }
}

.eui-icon-home-o,
.ux-icon-home-o {
    &::before {
        content: $eui-icon-home-o;
    }
}

.eui-icon-home-thin,
.ux-icon-home-thin {
    &::before {
        content: $eui-icon-home;
    }
}

.ux-icon-ios-home-outline, // DEPRECATED
.eui-icon-home-thin-o,
.ux-icon-home-thin-o {
    &::before {
        content: $eui-icon-home-o;
    }
}

.eui-icon-image,
.ux-icon-image {
    &::before {
        content: $eui-icon-image;
    }
}

.eui-icon-image-add,
.ux-icon-image-add {
    &::before {
        content: $eui-icon-image-add;
    }
}

.eui-icon-indent,
.ux-icon-indent {
    &::before {
        content: $eui-icon-indent;
    }
}

.eui-icon-info,
.ux-icon-info {
    &::before {
        content: $eui-icon-info;
    }
}

.eui-icon-info-circle,
.ux-icon-info-circle {
    &::before {
        content: $eui-icon-info-circle;
    }
}

.ux-icon-ios-information, // DEPRECATED
.eui-icon-info-circle-thin,
.ux-icon-info-circle-thin {
    &::before {
        content: $eui-icon-info-circle-thin;
    }
}

.ux-icon-ios-information-outline, // DEPRECATED
.eui-icon-info-circle-thin-o,
.ux-icon-info-circle-thin-o {
    &::before {
        content: $eui-icon-info-circle-thin-o;
    }
}

.eui-icon-language-selector,
.ux-icon-language-selector {
    &::before {
        content: $eui-icon-language-selector;
    }
}

.eui-icon-laptop,
.ux-icon-laptop {
    &::before {
        content: $eui-icon-laptop;
    }
}

.eui-icon-level-down,
.ux-icon-level-down {
    &::before {
        content: $eui-icon-level-down;
    }
}

.eui-icon-level-up,
.ux-icon-level-up {
    &::before {
        content: $eui-icon-level-up;
    }
}

.eui-icon-link,
.ux-icon-link {
    &::before {
        content: $eui-icon-link;
    }
}

.ux-icon-th-list, // DEPRECATED
.eui-icon-list,
.ux-icon-list {
    &::before {
        content: $eui-icon-list;
    }
}

.ux-icon-ios-list-outline, // DEPRECATED
.ux-icon-list-thin-o,  // DEPRECATED
.eui-icon-list-thin,
.ux-icon-list-thin {
    &::before {
        content: $eui-icon-list-thin;
    }
}

.eui-icon-lock,
.ux-icon-lock {
    &::before {
        content: $eui-icon-lock;
    }
}

.eui-icon-lock-o,
.ux-icon-lock-o {
    &::before {
        content: $eui-icon-lock-o;
    }
}

.ux-icon-log-out, // DEPRECATED
.eui-icon-logout-thin,
.ux-icon-logout-thin {
    &::before {
        content: $eui-icon-logout-thin;
    }
}

.eui-icon-map-marker,
.ux-icon-map-marker {
    &::before {
        content: $eui-icon-map-marker;
    }
}

.eui-icon-minus,
.ux-icon-minus {
    &::before {
        content: $eui-icon-minus;
    }
}

.eui-icon-minus-circle,
.ux-icon-minus-circle {
    &::before {
        content: $eui-icon-minus-circle;
    }
}

.ux-icon-ios-minus, // DEPRECATED
.eui-icon-minus-circle-thin,
.ux-icon-minus-circle-thin {
    &::before {
        content: $eui-icon-minus-circle-thin;
    }
}

.ux-icon-ios-minus-outline, // DEPRECATED
.eui-icon-minus-circle-thin-o,
.ux-icon-minus-circle-thin-o {
    &::before {
        content: $eui-icon-minus-circle-thin-o;
    }
}

.ux-icon-android-more-horizontal, // DEPRECATED
.eui-icon-more-horizontal,
.ux-icon-more-horizontal {
    &::before {
        content: $eui-icon-more-horizontal;
    }
}

.eui-icon-more-vertical,
.ux-icon-more-vertical {
    &::before {
        content: $eui-icon-more-vertical;
    }
}

.ux-icon-ios-paperplane, // DEPRECATED
.eui-icon-navigate,
.ux-icon-navigate {
    &::before {
        content: $eui-icon-navigate;
    }
}

.ux-icon-ios-navigate-outline, // DEPRECATED
.eui-icon-navigate-circle-o,
.uxicon-navigate-circle-o {
    &::before {
        content: $eui-icon-navigate-circle-o;
    }
}

.ux-icon-pencil-square-o, // DEPRECATED
.eui-icon-pencil,
.ux-icon-pencil {
    &::before {
        content: $eui-icon-pencil;
    }
}

.ux-icon-user, // DEPRECATED
.eui-icon-person,
.ux-icon-person {
    &::before {
        content: $eui-icon-person;
    }
}

.ux-icon-group, // DEPRECATED
.eui-icon-person-group,
.ux-icon-person-group {
    &::before {
        content: $eui-icon-person-group;
    }
}

.ux-icon-ios-person, // DEPRECATED
.ux-icon-users, // DEPRECATED
.eui-icon-person-thin,
.ux-icon-person-thin {
    &::before {
        content: $eui-icon-person-thin;
    }
}

.ux-icon-ios-person-outline, // DEPRECATED
.eui-icon-person-thin-o,
.ux-icon-person-thin-o {
    &::before {
        content: $eui-icon-person-thin-o;
    }
}

.eui-icon-plug,
.ux-icon-plug {
    &::before {
        content: $eui-icon-plug;
    }
}

.eui-icon-plus,
.ux-icon-plus {
    &::before {
        content: $eui-icon-plus;
    }
}

.eui-icon-plus-circle,
.ux-icon-plus-circle {
    &::before {
        content: $eui-icon-plus-circle;
    }
}

.ux-icon-ios-plus, // DEPRECATED
.eui-icon-plus-circle-thin,
.ux-icon-plus-circle-thin {
    &::before {
        content: $eui-icon-plus-circle-thin;
    }
}

.ux-icon-ios-plus-outline, // DEPRECATED
.eui-icon-plus-circle-thin-o,
.ux-icon-plus-circle-thin-o {
    &::before {
        content: $eui-icon-plus-circle-thin-o;
    }
}

.eui-icon-power-settings,
.ux-icon-power-settings {
    &::before {
        content: $eui-icon-power-settings;
    }
}

.ux-icon-ios-pricetag, // DEPRECATED
.eui-icon-pricetag,
.ux-icon-pricetag {
    &::before {
        content: $eui-icon-pricetag;
    }
}

.eui-icon-print,
.ux-icon-print {
    &::before {
        content: $eui-icon-print;
    }
}

.ux-icon-ios-printer, // DEPRECATED
.eui-icon-printer,
.ux-icon-printer {
    &::before {
        content: $eui-icon-printer;
    }
}

.eui-icon-printer-o,
.ux-icon-printer-o {
    &::before {
        content: $eui-icon-printer-o;
    }
}

.eui-icon-ios-pulse-strong, // DEPRECATED
.ux-icon-pulse-strong, // DEPRECATED
.eui-icon-pulse,
.ux-icon-pulse {
    &::before {
        content: $eui-icon-pulse;
    }
}

.eui-icon-question,
.ux-icon-question {
    &::before {
        content: $eui-icon-question;
    }
}

.eui-icon-question-circle,
.ux-icon-question-circle {
    &::before {
        content: $eui-icon-question-circle;
    }
}

.eui-icon-question-circle-o,
.ux-icon-question-circle-o {
    &::before {
        content: $eui-icon-question-circle-o;
    }
}

.ux-icon-help, // DEPRECATED
.eui-icon-question-thin,
.ux-icon-question-thin {
    &::before {
        content: $eui-icon-question-thin;
    }
}

.ux-icon-circle-o-checked, // DEPRECATED
.eui-icon-radio-button-checked,
.ux-icon-radio-button-checked {
    &::before {
        content: $eui-icon-radio-button-checked;
    }
}

.eui-icon-radio-button-unchecked,
.ux-icon-radio-button-unchecked {
    &::before {
        content: $eui-icon-radio-button-unchecked;
    }
}

.eui-icon-refresh,
.ux-icon-refresh {
    &::before {
        content: $eui-icon-refresh;
    }
}

.eui-icon-remove,
.ux-icon-remove {
    &::before {
        content: $eui-icon-remove;
    }
}

.eui-icon-remove-circle,
.ux-icon-remove-circle {
    &::before {
        content: $eui-icon-remove-circle;
    }
}

.eui-icon-remove-circle-o,
.ux-icon-remove-circle-o {
    &::before {
        content: $eui-icon-remove-circle-o;
    }
}

.ux-icon-social-rss, // DEPRECATED
.eui-icon-rss,
.ux-icon-rss {
    &::before {
        content: $eui-icon-rss;
    }
}

.ux-icon-social-rss-outline, // DEPRECATED
.eui-icon-rss-o,
.ux-icon-rss-o {
    &::before {
        content: $eui-icon-rss-o;
    }
}

.eui-icon-search,
.ux-icon-search {
    &::before {
        content: $eui-icon-search;
    }
}

.eui-icon-search-m,
.ux-icon-search-m {
    &::before {
        content: $eui-icon-search-m;
    }
}

.eui-icon-send,
.ux-icon-send {
    &::before {
        content: $eui-icon-send;
    }
}

.ux-icon-gears, // DEPRECATED
.ux-icon-cogs, // DEPRECATED
.eui-icon-settings,
.ux-icon-settings {
    &::before {
        content: $eui-icon-settings;
    }
}

.eui-icon-share,
.ux-icon-share {
    &::before {
        content: $eui-icon-share;
    }
}

.eui-icon-sign-out {
    &::before {
        content: $eui-icon-sign-out;
    }
}

.eui-icon-sitemap,
.ux-icon-sitemap {
    &::before {
        content: $eui-icon-sitemap;
    }
}

.eui-icon-sliders,
.ux-icon-sliders {
    &::before {
        content: $eui-icon-sliders;
    }
}

.eui-icon-smartphone,
.ux-icon-smartphone {
    &::before {
        content: $eui-icon-smartphone;
    }
}

.eui-icon-sort,
.ux-icon-sort {
    &::before {
        content: $eui-icon-sort;
    }
}

.eui-icon-sort-asc,
.ux-icon-sort-asc {
    &::before {
        content: $eui-icon-sort-asc;
    }
}

.eui-icon-sort-desc,
.ux-icon-sort-desc {
    &::before {
        content: $eui-icon-sort-desc;
    }
}

.eui-icon-spinner,
.ux-icon-spinner {
    &::before {
        content: $eui-icon-spinner;
    }
}

.eui-icon-star,
.ux-icon-star {
    &::before {
        content: $eui-icon-star;
    }
}

.ux-icon-ios-star-outline, // DEPRECATED
.eui-icon-star-o,
.ux-icon-star-o {
    &::before {
        content: $eui-icon-star-o;
    }
}

.eui-icon-swap-horizontal,
.ux-icon-swap-horizontal {
    &::before {
        content: $eui-icon-swap-horizontal;
    }
}

.eui-icon-swap-vertical,
.ux-icon-swap-vertical {
    &::before {
        content: $eui-icon-swap-vertical;
    }
}

.eui-icon-sync,
.ux-icon-sync {
    &::before {
        content: $eui-icon-sync;
    }
}

.eui-icon-tablet,
.ux-icon-tablet {
    &::before {
        content: $eui-icon-tablet;
    }
}

.eui-icon-tag,
.ux-icon-tag {
    &::before {
        content: $eui-icon-tag;
    }
}

.ux-icon-tv, // DEPRECATED
.eui-icon-television,
.ux-icon-television {
    &::before {
        content: $eui-icon-television;
    }
}

.eui-icon-thumb-down,
.ux-icon-thumb-down {
    &::before {
        content: $eui-icon-thumb-down;
    }
}

.eui-icon-thumb-up,
.ux-icon-thumb-up {
    &::before {
        content: $eui-icon-thumb-up;
    }
}

.ux-icon-close, // DEPRECATED
.eui-icon-times,
.ux-icon-times {
    &::before {
        content: $eui-icon-times;
    }
}

.eui-icon-times-circle,
.ux-icon-times-circle {
    &::before {
        content: $eui-icon-times-circle;
    }
}

.ux-icon-close-circle, // DEPRECATED
.eui-icon-times-circle-thin,
.ux-icon-times-circle-thin {
    &::before {
        content: $eui-icon-times-circle-thin;
    }
}

.eui-icon-event, // DEPRECATED
.ux-icon-event, // DEPRECATED
.eui-icon-today,
.ux-icon-today {
    &::before {
        content: $eui-icon-today;
    }
}

.ux-icon-ios-upload, // DEPRECATED
.ux-icon-android-upload, // DEPRECATED
.eui-icon-upload,
.ux-icon-upload {
    &::before {
        content: $eui-icon-upload;
    }
}

.eui-icon-user-circle {
    &::before {
        content: $eui-icon-user-circle;
    }
}

.eui-icon-user-circle-o {
    &::before {
        content: $eui-icon-user-circle-o;
    }
}

.eui-icon-visibility,
.ux-icon-visibility {
    &::before {
        content: $eui-icon-visibility;
    }
}

.eui-icon-visibility-off,
.ux-icon-visibility-off {
    &::before {
        content: $eui-icon-visibility-off;
    }
}

.eui-icon-work,
.ux-icon-work {
    &::before {
        content: $eui-icon-work;
    }
}

.eui-icon-work-o,
.ux-icon-work-o {
    &::before {
        content: $eui-icon-work-o;
    }
}

.eui-icon-zoom-in,
.ux-icon-zoom-in {
    &::before {
        content: $eui-icon-zoom-in;
    }
}

.eui-icon-zoom-out,
.ux-icon-zoom-out {
    &::before {
        content: $eui-icon-zoom-out;
    }
}

.eui-icon-undo {
    &::before {
        content: $eui-icon-undo;
    }
}

.eui-icon-redo {
    &::before {
        content: $eui-icon-redo;
    }
}
