fomantic-ui/dist/components/icon.css

Fomantic empowers designers and developers by creating a shared vocabulary for UI.

/*!
 * # Fomantic-UI 2.8.8 - Icon
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Icon
*******************************/

@font-face {
  font-family: 'Icons';
  src: url("./../themes/default/assets/fonts/icons.eot");
  src: url("./../themes/default/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("./../themes/default/assets/fonts/icons.woff2") format('woff2'), url("./../themes/default/assets/fonts/icons.woff") format('woff'), url("./../themes/default/assets/fonts/icons.ttf") format('truetype'), url("./../themes/default/assets/fonts/icons.svg#icons") format('svg');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
i.icon {
  display: inline-block;
  opacity: 1;
  margin: 0 0.25rem 0 0;
  width: 1.18em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
i.icon:before {
  background: none !important;
}


/*******************************
             Types
*******************************/


/*--------------
      Loading
  ---------------*/

i.loading.icon {
  height: 1em;
  line-height: 1;
}
i.loading.icon,
i.loading.icons {
  -webkit-animation: loader 2s linear infinite;
          animation: loader 2s linear infinite;
}


/*******************************
             States
*******************************/

i.icon:hover,
i.icons:hover,
i.icon:active,
i.icons:active,
i.emphasized.icon:not(.disabled),
i.emphasized.icons:not(.disabled) {
  opacity: 1;
}
i.disabled.icon,
i.disabled.icons {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}


/*******************************
           Variations
*******************************/


/*-------------------
          Fitted
  --------------------*/

i.fitted.icon {
  width: auto;
  margin: 0 !important;
}

/*-------------------
           Link
  --------------------*/

i.link.icon:not(.disabled),
i.link.icons:not(.disabled) {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
i.link.icon:hover,
i.link.icons:hover {
  opacity: 1;
}

/*-------------------
        Circular
  --------------------*/

i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0 !important;
  -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}
i.circular.icon.colored {
  -webkit-box-shadow: 0 0 0 0.1em currentColor inset;
          box-shadow: 0 0 0 0.1em currentColor inset;
}
i.circular.inverted.icon {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*-------------------
        Flipped
  --------------------*/

i.flipped.icon,
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.icons i.flipped.icon:not(.corner):not(:first-child),
.icons i.horizontally.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(-1, 1);
          transform: translateX(-50%) translateY(-50%) scale(-1, 1);
}
.icons i.vertically.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1, -1);
          transform: translateX(-50%) translateY(-50%) scale(1, -1);
}

/*-------------------
        Rotated
  --------------------*/

i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
i.halfway.rotated.icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icons i.rotated.rotated.icon:not(.corner):not(:first-child),
.icons i.right.rotated.icon:not(.corner):not(:first-child),
.icons i.clockwise.rotated.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
          transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.icons i.left.rotated.icon:not(.corner):not(:first-child),
.icons i.counterclockwise.rotated.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
          transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.icons i.halfway.rotated.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
          transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

/*--------------------------
        Flipped & Rotated
  ---------------------------*/

i.rotated.flipped.icon,
i.right.rotated.flipped.icon,
i.clockwise.rotated.flipped.icon {
  -webkit-transform: scale(-1, 1) rotate(90deg);
          transform: scale(-1, 1) rotate(90deg);
}
i.left.rotated.flipped.icon,
i.counterclockwise.rotated.flipped.icon {
  -webkit-transform: scale(-1, 1) rotate(-90deg);
          transform: scale(-1, 1) rotate(-90deg);
}
i.halfway.rotated.flipped.icon {
  -webkit-transform: scale(-1, 1) rotate(180deg);
          transform: scale(-1, 1) rotate(180deg);
}
i.rotated.vertically.flipped.icon,
i.right.rotated.vertically.flipped.icon,
i.clockwise.rotated.vertically.flipped.icon {
  -webkit-transform: scale(1, -1) rotate(90deg);
          transform: scale(1, -1) rotate(90deg);
}
i.left.rotated.vertically.flipped.icon,
i.counterclockwise.rotated.vertically.flipped.icon {
  -webkit-transform: scale(1, -1) rotate(-90deg);
          transform: scale(1, -1) rotate(-90deg);
}
i.halfway.rotated.vertically.flipped.icon {
  -webkit-transform: scale(1, -1) rotate(180deg);
          transform: scale(1, -1) rotate(180deg);
}
.icons i.rotated.flipped.icon:not(.corner):not(:first-child),
.icons i.right.rotated.flipped.icon:not(.corner):not(:first-child),
.icons i.clockwise.rotated.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(90deg);
          transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(90deg);
}
.icons i.left.rotated.flipped.icon:not(.corner):not(:first-child),
.icons i.counterclockwise.rotated.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(-90deg);
          transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(-90deg);
}
.icons i.halfway.rotated.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(180deg);
          transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(180deg);
}
.icons i.rotated.vertically.flipped.icon:not(.corner):not(:first-child),
.icons i.right.rotated.vertically.flipped.icon:not(.corner):not(:first-child),
.icons i.clockwise.rotated.vertically.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(90deg);
          transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(90deg);
}
.icons i.left.rotated.vertically.flipped.icon:not(.corner):not(:first-child),
.icons i.counterclockwise.rotated.vertically.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(-90deg);
          transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(-90deg);
}
.icons i.halfway.rotated.vertically.flipped.icon:not(.corner):not(:first-child) {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(180deg);
          transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(180deg);
}

/*-------------------
        Bordered
  --------------------*/

i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0 !important;
  -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
}
i.bordered.icon.colored {
  -webkit-box-shadow: 0 0 0 0.1em currentColor inset;
          box-shadow: 0 0 0 0.1em currentColor inset;
}
i.bordered.inverted.icon {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*-------------------
        Inverted
  --------------------*/


/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #1B1C1D;
  color: #FFFFFF;
}
i.inverted.icon {
  color: #FFFFFF;
}

/*-------------------
       Colors
--------------------*/

i.primary.icon.icon.icon.icon.icon {
  color: #2185D0;
}
i.inverted.primary.icon.icon.icon.icon.icon {
  color: #54C8FF;
}
i.inverted.bordered.primary.icon.icon.icon.icon.icon,
i.inverted.circular.primary.icon.icon.icon.icon.icon,
i.inverted.bordered.primary.icons,
i.inverted.circular.primary.icons {
  background-color: #2185D0;
  color: #FFFFFF;
}
i.secondary.icon.icon.icon.icon.icon {
  color: #1B1C1D;
}
i.inverted.secondary.icon.icon.icon.icon.icon {
  color: #545454;
}
i.inverted.bordered.secondary.icon.icon.icon.icon.icon,
i.inverted.circular.secondary.icon.icon.icon.icon.icon,
i.inverted.bordered.secondary.icons,
i.inverted.circular.secondary.icons {
  background-color: #1B1C1D;
  color: #FFFFFF;
}
i.red.icon.icon.icon.icon.icon {
  color: #DB2828;
}
i.inverted.red.icon.icon.icon.icon.icon {
  color: #FF695E;
}
i.inverted.bordered.red.icon.icon.icon.icon.icon,
i.inverted.circular.red.icon.icon.icon.icon.icon,
i.inverted.bordered.red.icons,
i.inverted.circular.red.icons {
  background-color: #DB2828;
  color: #FFFFFF;
}
i.orange.icon.icon.icon.icon.icon {
  color: #F2711C;
}
i.inverted.orange.icon.icon.icon.icon.icon {
  color: #FF851B;
}
i.inverted.bordered.orange.icon.icon.icon.icon.icon,
i.inverted.circular.orange.icon.icon.icon.icon.icon,
i.inverted.bordered.orange.icons,
i.inverted.circular.orange.icons {
  background-color: #F2711C;
  color: #FFFFFF;
}
i.yellow.icon.icon.icon.icon.icon {
  color: #FBBD08;
}
i.inverted.yellow.icon.icon.icon.icon.icon {
  color: #FFE21F;
}
i.inverted.bordered.yellow.icon.icon.icon.icon.icon,
i.inverted.circular.yellow.icon.icon.icon.icon.icon,
i.inverted.bordered.yellow.icons,
i.inverted.circular.yellow.icons {
  background-color: #FBBD08;
  color: #FFFFFF;
}
i.olive.icon.icon.icon.icon.icon {
  color: #B5CC18;
}
i.inverted.olive.icon.icon.icon.icon.icon {
  color: #D9E778;
}
i.inverted.bordered.olive.icon.icon.icon.icon.icon,
i.inverted.circular.olive.icon.icon.icon.icon.icon,
i.inverted.bordered.olive.icons,
i.inverted.circular.olive.icons {
  background-color: #B5CC18;
  color: #FFFFFF;
}
i.green.icon.icon.icon.icon.icon {
  color: #21BA45;
}
i.inverted.green.icon.icon.icon.icon.icon {
  color: #2ECC40;
}
i.inverted.bordered.green.icon.icon.icon.icon.icon,
i.inverted.circular.green.icon.icon.icon.icon.icon,
i.inverted.bordered.green.icons,
i.inverted.circular.green.icons {
  background-color: #21BA45;
  color: #FFFFFF;
}
i.teal.icon.icon.icon.icon.icon {
  color: #00B5AD;
}
i.inverted.teal.icon.icon.icon.icon.icon {
  color: #6DFFFF;
}
i.inverted.bordered.teal.icon.icon.icon.icon.icon,
i.inverted.circular.teal.icon.icon.icon.icon.icon,
i.inverted.bordered.teal.icons,
i.inverted.circular.teal.icons {
  background-color: #00B5AD;
  color: #FFFFFF;
}
i.blue.icon.icon.icon.icon.icon {
  color: #2185D0;
}
i.inverted.blue.icon.icon.icon.icon.icon {
  color: #54C8FF;
}
i.inverted.bordered.blue.icon.icon.icon.icon.icon,
i.inverted.circular.blue.icon.icon.icon.icon.icon,
i.inverted.bordered.blue.icons,
i.inverted.circular.blue.icons {
  background-color: #2185D0;
  color: #FFFFFF;
}
i.violet.icon.icon.icon.icon.icon {
  color: #6435C9;
}
i.inverted.violet.icon.icon.icon.icon.icon {
  color: #A291FB;
}
i.inverted.bordered.violet.icon.icon.icon.icon.icon,
i.inverted.circular.violet.icon.icon.icon.icon.icon,
i.inverted.bordered.violet.icons,
i.inverted.circular.violet.icons {
  background-color: #6435C9;
  color: #FFFFFF;
}
i.purple.icon.icon.icon.icon.icon {
  color: #A333C8;
}
i.inverted.purple.icon.icon.icon.icon.icon {
  color: #DC73FF;
}
i.inverted.bordered.purple.icon.icon.icon.icon.icon,
i.inverted.circular.purple.icon.icon.icon.icon.icon,
i.inverted.bordered.purple.icons,
i.inverted.circular.purple.icons {
  background-color: #A333C8;
  color: #FFFFFF;
}
i.pink.icon.icon.icon.icon.icon {
  color: #E03997;
}
i.inverted.pink.icon.icon.icon.icon.icon {
  color: #FF8EDF;
}
i.inverted.bordered.pink.icon.icon.icon.icon.icon,
i.inverted.circular.pink.icon.icon.icon.icon.icon,
i.inverted.bordered.pink.icons,
i.inverted.circular.pink.icons {
  background-color: #E03997;
  color: #FFFFFF;
}
i.brown.icon.icon.icon.icon.icon {
  color: #A5673F;
}
i.inverted.brown.icon.icon.icon.icon.icon {
  color: #D67C1C;
}
i.inverted.bordered.brown.icon.icon.icon.icon.icon,
i.inverted.circular.brown.icon.icon.icon.icon.icon,
i.inverted.bordered.brown.icons,
i.inverted.circular.brown.icons {
  background-color: #A5673F;
  color: #FFFFFF;
}
i.grey.icon.icon.icon.icon.icon {
  color: #767676;
}
i.inverted.grey.icon.icon.icon.icon.icon {
  color: #DCDDDE;
}
i.inverted.bordered.grey.icon.icon.icon.icon.icon,
i.inverted.circular.grey.icon.icon.icon.icon.icon,
i.inverted.bordered.grey.icons,
i.inverted.circular.grey.icons {
  background-color: #767676;
  color: #FFFFFF;
}
i.black.icon.icon.icon.icon.icon {
  color: #1B1C1D;
}
i.inverted.black.icon.icon.icon.icon.icon {
  color: #545454;
}
i.inverted.bordered.black.icon.icon.icon.icon.icon,
i.inverted.circular.black.icon.icon.icon.icon.icon,
i.inverted.bordered.black.icons,
i.inverted.circular.black.icons {
  background-color: #1B1C1D;
  color: #FFFFFF;
}

/*-------------------
        Sizes
--------------------*/

i.icon,
i.icons {
  font-size: 1em;
  line-height: 1;
  font-style: normal;
}
i.mini.mini.mini.icon,
i.mini.mini.mini.icons {
  font-size: 0.4em;
  vertical-align: middle;
}
i.tiny.tiny.tiny.icon,
i.tiny.tiny.tiny.icons {
  font-size: 0.5em;
  vertical-align: middle;
}
i.small.small.small.icon,
i.small.small.small.icons {
  font-size: 0.75em;
  vertical-align: middle;
}
i.large.large.large.icon,
i.large.large.large.icons {
  font-size: 1.5em;
  vertical-align: middle;
}
i.big.big.big.icon,
i.big.big.big.icons {
  font-size: 2em;
  vertical-align: middle;
}
i.huge.huge.huge.icon,
i.huge.huge.huge.icons {
  font-size: 4em;
  vertical-align: middle;
}
i.massive.massive.massive.icon,
i.massive.massive.massive.icons {
  font-size: 8em;
  vertical-align: middle;
}


/*******************************
              Groups
  *******************************/

i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
}
i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
}
i.icons .icon:not(.corner):not(.rotated):not(.flipped) {
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
}
i.icons:not(.bordered):not(.circular) .icon:first-child:not(.rotated):not(.flipped) {
  -webkit-transform: none;
          transform: none;
}

/* Corner Icon */
i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  font-size: 0.45em;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}
i.icons .corner.icon:not(.rotated):not(.flipped) {
  -webkit-transform: none;
          transform: none;
}
i.icons .icon.corner[class*="top right"] {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
}
i.icons .icon.corner[class*="top left"] {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}
i.icons .icon.corner[class*="bottom left"] {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
}
i.icons .icon.corner[class*="bottom right"] {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
}
i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
}


/*************************************************
     Bordered/circular with corner or group icons
  *************************************************/

i.bordered.icons,
i.circular.icons {
  width: 2em;
  height: 2em;
  -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  vertical-align: middle;
}
i.bordered.icons.colored,
i.circular.icons.colored {
  -webkit-box-shadow: 0 0 0 0.1em currentColor inset;
          box-shadow: 0 0 0 0.1em currentColor inset;
}
i.circular.icons {
  border-radius: 500em;
}
i.bordered.icons i.icon:first-child,
i.circular.icons i.icon:first-child {
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

/* Inverted Icon */
i.bordered.inverted.icons,
i.circular.inverted.icons {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #1B1C1D;
  color: #FFFFFF;
}

/* Corner Icon */
i.bordered.icons .icon.corner,
i.circular.icons .icon.corner,
i.bordered.icons .icon.corner[class*="bottom right"],
i.circular.icons .icon.corner[class*="bottom right"] {
  top: auto;
  left: auto;
  right: 1.15em;
  bottom: 1.15em;
}
i.bordered.icons .icon.corner[class*="top right"],
i.circular.icons .icon.corner[class*="top right"] {
  top: 1.15em;
  left: auto;
  right: 1.15em;
  bottom: auto;
}
i.bordered.icons .icon.corner[class*="top left"],
i.circular.icons .icon.corner[class*="top left"] {
  top: 1.15em;
  left: 1.15em;
  right: auto;
  bottom: auto;
}
i.bordered.icons .icon.corner[class*="bottom left"],
i.circular.icons .icon.corner[class*="bottom left"] {
  top: auto;
  left: 1.15em;
  right: auto;
  bottom: 1.15em;
}
/*
* Font Awesome 5.13.0 by @fontawesome [https://fontawesome.com]
* License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
*/


/*******************************

Fomantic-UI integration of FontAwesome :

// class names are separated
i.icon.angle-left  =>  i.icon.angle.left

// variations are extracted
i.icon.circle      =>  i.icon.circle
i.icon.circle-o    =>  i.icon.circle.outline

// abbreviation are replaced by full words
i.icon.*-h         =>  i.icon.*.horizontal
i.icon.*-v         =>  i.icon.*.vertical
i.icon.alpha       =>  i.icon.alphabet
i.icon.asc         =>  i.icon.ascending
i.icon.desc        =>  i.icon.descending
i.icon.alt         =>  i.icon.alternate


Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand

*******************************/



/*******************************
             Icons
*******************************/


/* Deprecated *In/Out Naming Conflict) */
i.icon.linkedin.in:before {
  content: "\f0e1";
}
i.icon.zoom.in:before {
  content: "\f00e";
}
i.icon.zoom.out:before {
  content: "\f010";
}
i.icon.sign.in:before {
  content: "\f2f6";
}
i.icon.in.cart:before {
  content: "\f218";
}
i.icon.log.out:before {
  content: "\f2f5";
}
i.icon.sign.out:before {
  content: "\f2f5";
}


/*******************************
          Solid Icons
*******************************/


/* Icons */
i.icon.ad:before {
  content: "\f641";
}
i.icon.address.book:before {
  content: "\f2b9";
}
i.icon.address.card:before {
  content: "\f2bb";
}
i.icon.adjust:before {
  content: "\f042";
}
i.icon.air.freshener:before {
  content: "\f5d0";
}
i.icon.align.center:before {
  content: "\f037";
}
i.icon.align.justify:before {
  content: "\f039";
}
i.icon.align.left:before {
  content: "\f036";
}
i.icon.align.right:before {
  content: "\f038";
}
i.icon.allergies:before {
  content: "\f461";
}
i.icon.ambulance:before {
  content: "\f0f9";
}
i.icon.american.sign.language.interpreting:before {
  content: "\f2a3";
}
i.icon.anchor:before {
  content: "\f13d";
}
i.icon.angle.double.down:before {
  content: "\f103";
}
i.icon.angle.double.left:before {
  content: "\f100";
}
i.icon.angle.double.right:before {
  content: "\f101";
}
i.icon.angle.double.up:before {
  content: "\f102";
}
i.icon.angle.down:before {
  content: "\f107";
}
i.icon.angle.left:before {
  content: "\f104";
}
i.icon.angle.right:before {
  content: "\f105";
}
i.icon.angle.up:before {
  content: "\f106";
}
i.icon.angry:before {
  content: "\f556";
}
i.icon.ankh:before {
  content: "\f644";
}
i.icon.archive:before {
  content: "\f187";
}
i.icon.archway:before {
  content: "\f557";
}
i.icon.arrow.alternate.circle.down:before {
  content: "\f358";
}
i.icon.arrow.alternate.circle.left:before {
  content: "\f359";
}
i.icon.arrow.alternate.circle.right:before {
  content: "\f35a";
}
i.icon.arrow.alternate.circle.up:before {
  content: "\f35b";
}
i.icon.arrow.circle.down:before {
  content: "\f0ab";
}
i.icon.arrow.circle.left:before {
  content: "\f0a8";
}
i.icon.arrow.circle.right:before {
  content: "\f0a9";
}
i.icon.arrow.circle.up:before {
  content: "\f0aa";
}
i.icon.arrow.left:before {
  content: "\f060";
}
i.icon.arrow.right:before {
  content: "\f061";
}
i.icon.arrow.up:before {
  content: "\f062";
}
i.icon.arrow.down:before {
  content: "\f063";
}
i.icon.arrows.alternate:before {
  content: "\f0b2";
}
i.icon.arrows.alternate.horizontal:before {
  content: "\f337";
}
i.icon.arrows.alternate.vertical:before {
  content: "\f338";
}
i.icon.assistive.listening.systems:before {
  content: "\f2a2";
}
i.icon.asterisk:before {
  content: "\f069";
}
i.icon.at:before {
  content: "\f1fa";
}
i.icon.atlas:before {
  content: "\f558";
}
i.icon.atom:before {
  content: "\f5d2";
}
i.icon.audio.description:before {
  content: "\f29e";
}
i.icon.award:before {
  content: "\f559";
}
i.icon.baby:before {
  content: "\f77c";
}
i.icon.baby.carriage:before {
  content: "\f77d";
}
i.icon.backspace:before {
  content: "\f55a";
}
i.icon.backward:before {
  content: "\f04a";
}
i.icon.bacon:before {
  content: "\f7e5";
}
i.icon.bahai:before {
  content: "\f666";
}
i.icon.balance.scale:before {
  content: "\f24e";
}
i.icon.balance.scale.left:before {
  content: "\f515";
}
i.icon.balance.scale.right:before {
  content: "\f516";
}
i.icon.ban:before {
  content: "\f05e";
}
i.icon.band.aid:before {
  content: "\f462";
}
i.icon.barcode:before {
  content: "\f02a";
}
i.icon.bars:before {
  content: "\f0c9";
}
i.icon.baseball.ball:before {
  content: "\f433";
}
i.icon.basketball.ball:before {
  content: "\f434";
}
i.icon.bath:before {
  content: "\f2cd";
}
i.icon.battery.empty:before {
  content: "\f244";
}
i.icon.battery.full:before {
  content: "\f240";
}
i.icon.battery.half:before {
  content: "\f242";
}
i.icon.battery.quarter:before {
  content: "\f243";
}
i.icon.battery.three.quarters:before {
  content: "\f241";
}
i.icon.bed:before {
  content: "\f236";
}
i.icon.beer:before {
  content: "\f0fc";
}
i.icon.bell:before {
  content: "\f0f3";
}
i.icon.bell.slash:before {
  content: "\f1f6";
}
i.icon.bezier.curve:before {
  content: "\f55b";
}
i.icon.bible:before {
  content: "\f647";
}
i.icon.bicycle:before {
  content: "\f206";
}
i.icon.biking:before {
  content: "\f84a";
}
i.icon.binoculars:before {
  content: "\f1e5";
}
i.icon.biohazard:before {
  content: "\f780";
}
i.icon.birthday.cake:before {
  content: "\f1fd";
}
i.icon.blender:before {
  content: "\f517";
}
i.icon.blender.phone:before {
  content: "\f6b6";
}
i.icon.blind:before {
  content: "\f29d";
}
i.icon.blog:before {
  content: "\f781";
}
i.icon.bold:before {
  content: "\f032";
}
i.icon.bolt:before {
  content: "\f0e7";
}
i.icon.bomb:before {
  content: "\f1e2";
}
i.icon.bone:before {
  content: "\f5d7";
}
i.icon.bong:before {
  content: "\f55c";
}
i.icon.book:before {
  content: "\f02d";
}
i.icon.book.dead:before {
  content: "\f6b7";
}
i.icon.book.medical:before {
  content: "\f7e6";
}
i.icon.book.open:before {
  content: "\f518";
}
i.icon.book.reader:before {
  content: "\f5da";
}
i.icon.bookmark:before {
  content: "\f02e";
}
i.icon.border.all:before {
  content: "\f84c";
}
i.icon.border.none:before {
  content: "\f850";
}
i.icon.border.style:before {
  content: "\f853";
}
i.icon.bowling.ball:before {
  content: "\f436";
}
i.icon.box:before {
  content: "\f466";
}
i.icon.box.open:before {
  content: "\f49e";
}
i.icon.box.tissue:before {
  content: "\f95b";
}
i.icon.boxes:before {
  content: "\f468";
}
i.icon.braille:before {
  content: "\f2a1";
}
i.icon.brain:before {
  content: "\f5dc";
}
i.icon.bread.slice:before {
  content: "\f7ec";
}
i.icon.briefcase:before {
  content: "\f0b1";
}
i.icon.briefcase.medical:before {
  content: "\f469";
}
i.icon.broadcast.tower:before {
  content: "\f519";
}
i.icon.broom:before {
  content: "\f51a";
}
i.icon.brush:before {
  content: "\f55d";
}
i.icon.bug:before {
  content: "\f188";
}
i.icon.building:before {
  content: "\f1ad";
}
i.icon.bullhorn:before {
  content: "\f0a1";
}
i.icon.bullseye:before {
  content: "\f140";
}
i.icon.burn:before {
  content: "\f46a";
}
i.icon.bus:before {
  content: "\f207";
}
i.icon.bus.alternate:before {
  content: "\f55e";
}
i.icon.business.time:before {
  content: "\f64a";
}
i.icon.calculator:before {
  content: "\f1ec";
}
i.icon.calendar:before {
  content: "\f133";
}
i.icon.calendar.alternate:before {
  content: "\f073";
}
i.icon.calendar.check:before {
  content: "\f274";
}
i.icon.calendar.day:before {
  content: "\f783";
}
i.icon.calendar.minus:before {
  content: "\f272";
}
i.icon.calendar.plus:before {
  content: "\f271";
}
i.icon.calendar.times:before {
  content: "\f273";
}
i.icon.calendar.week:before {
  content: "\f784";
}
i.icon.camera:before {
  content: "\f030";
}
i.icon.camera.retro:before {
  content: "\f083";
}
i.icon.campground:before {
  content: "\f6bb";
}
i.icon.candy.cane:before {
  content: "\f786";
}
i.icon.cannabis:before {
  content: "\f55f";
}
i.icon.capsules:before {
  content: "\f46b";
}
i.icon.car:before {
  content: "\f1b9";
}
i.icon.car.alternate:before {
  content: "\f5de";
}
i.icon.car.battery:before {
  content: "\f5df";
}
i.icon.car.crash:before {
  content: "\f5e1";
}
i.icon.car.side:before {
  content: "\f5e4";
}
i.icon.caravan:before {
  content: "\f8ff";
}
i.icon.caret.down:before {
  content: "\f0d7";
}
i.icon.caret.left:before {
  content: "\f0d9";
}
i.icon.caret.right:before {
  content: "\f0da";
}
i.icon.caret.square.down:before {
  content: "\f150";
}
i.icon.caret.square.left:before {
  content: "\f191";
}
i.icon.caret.square.right:before {
  content: "\f152";
}
i.icon.caret.square.up:before {
  content: "\f151";
}
i.icon.caret.up:before {
  content: "\f0d8";
}
i.icon.carrot:before {
  content: "\f787";
}
i.icon.cart.arrow.down:before {
  content: "\f218";
}
i.icon.cart.plus:before {
  content: "\f217";
}
i.icon.cash.register:before {
  content: "\f788";
}
i.icon.cat:before {
  content: "\f6be";
}
i.icon.certificate:before {
  content: "\f0a3";
}
i.icon.chair:before {
  content: "\f6c0";
}
i.icon.chalkboard:before {
  content: "\f51b";
}
i.icon.chalkboard.teacher:before {
  content: "\f51c";
}
i.icon.charging.station:before {
  content: "\f5e7";
}
i.icon.chart.area:before {
  content: "\f1fe";
}
i.icon.chart.bar:before {
  content: "\f080";
}
i.icon.chart.line:before {
  content: "\f201";
}
i.icon.chartline:before {
  content: "\f201";
}
i.icon.chart.pie:before {
  content: "\f200";
}
i.icon.check:before {
  content: "\f00c";
}
i.icon.check.circle:before {
  content: "\f058";
}
i.icon.check.double:before {
  content: "\f560";
}
i.icon.check.square:before {
  content: "\f14a";
}
i.icon.cheese:before {
  content: "\f7ef";
}
i.icon.chess:before {
  content: "\f439";
}
i.icon.chess.bishop:before {
  content: "\f43a";
}
i.icon.chess.board:before {
  content: "\f43c";
}
i.icon.chess.king:before {
  content: "\f43f";
}
i.icon.chess.knight:before {
  content: "\f441";
}
i.icon.chess.pawn:before {
  content: "\f443";
}
i.icon.chess.queen:before {
  content: "\f445";
}
i.icon.chess.rook:before {
  content: "\f447";
}
i.icon.chevron.circle.down:before {
  content: "\f13a";
}
i.icon.chevron.circle.left:before {
  content: "\f137";
}
i.icon.chevron.circle.right:before {
  content: "\f138";
}
i.icon.chevron.circle.up:before {
  content: "\f139";
}
i.icon.chevron.down:before {
  content: "\f078";
}
i.icon.chevron.left:before {
  content: "\f053";
}
i.icon.chevron.right:before {
  content: "\f054";
}
i.icon.chevron.up:before {
  content: "\f077";
}
i.icon.child:before {
  content: "\f1ae";
}
i.icon.church:before {
  content: "\f51d";
}
i.icon.circle:before {
  content: "\f111";
}
i.icon.circle.notch:before {
  content: "\f1ce";
}
i.icon.city:before {
  content: "\f64f";
}
i.icon.clinic.medical:before {
  content: "\f7f2";
}
i.icon.clipboard:before {
  content: "\f328";
}
i.icon.clipboard.check:before {
  content: "\f46c";
}
i.icon.clipboard.list:before {
  content: "\f46d";
}
i.icon.clock:before {
  content: "\f017";
}
i.icon.clone:before {
  content: "\f24d";
}
i.icon.closed.captioning:before {
  content: "\f20a";
}
i.icon.cloud:before {
  content: "\f0c2";
}
i.icon.cloud.download.alternate:before {
  content: "\f381";
}
i.icon.cloud.meatball:before {
  content: "\f73b";
}
i.icon.cloud.moon:before {
  content: "\f6c3";
}
i.icon.cloud.moon.rain:before {
  content: "\f73c";
}
i.icon.cloud.rain:before {
  content: "\f73d";
}
i.icon.cloud.showers.heavy:before {
  content: "\f740";
}
i.icon.cloud.sun:before {
  content: "\f6c4";
}
i.icon.cloud.sun.rain:before {
  content: "\f743";
}
i.icon.cloud.upload.alternate:before {
  content: "\f382";
}
i.icon.cocktail:before {
  content: "\f561";
}
i.icon.code:before {
  content: "\f121";
}
i.icon.code.branch:before {
  content: "\f126";
}
i.icon.coffee:before {
  content: "\f0f4";
}
i.icon.cog:before {
  content: "\f013";
}
i.icon.cogs:before {
  content: "\f085";
}
i.icon.coins:before {
  content: "\f51e";
}
i.icon.columns:before {
  content: "\f0db";
}
i.icon.comment:before {
  content: "\f075";
}
i.icon.comment.alternate:before {
  content: "\f27a";
}
i.icon.comment.dollar:before {
  content: "\f651";
}
i.icon.comment.dots:before {
  content: "\f4ad";
}
i.icon.comment.medical:before {
  content: "\f7f5";
}
i.icon.comment.slash:before {
  content: "\f4b3";
}
i.icon.comments:before {
  content: "\f086";
}
i.icon.comments.dollar:before {
  content: "\f653";
}
i.icon.compact.disc:before {
  content: "\f51f";
}
i.icon.compass:before {
  content: "\f14e";
}
i.icon.compress:before {
  content: "\f066";
}
i.icon.compress.alternate:before {
  content: "\f422";
}
i.icon.compress.arrows.alternate:before {
  content: "\f78c";
}
i.icon.concierge.bell:before {
  content: "\f562";
}
i.icon.cookie:before {
  content: "\f563";
}
i.icon.cookie.bite:before {
  content: "\f564";
}
i.icon.copy:before {
  content: "\f0c5";
}
i.icon.copyright:before {
  content: "\f1f9";
}
i.icon.couch:before {
  content: "\f4b8";
}
i.icon.credit.card:before {
  content: "\f09d";
}
i.icon.crop:before {
  content: "\f125";
}
i.icon.crop.alternate:before {
  content: "\f565";
}
i.icon.cross:before {
  content: "\f654";
}
i.icon.crosshairs:before {
  content: "\f05b";
}
i.icon.crow:before {
  content: "\f520";
}
i.icon.crown:before {
  content: "\f521";
}
i.icon.crutch:before {
  content: "\f7f7";
}
i.icon.cube:before {
  content: "\f1b2";
}
i.icon.cubes:before {
  content: "\f1b3";
}
i.icon.cut:before {
  content: "\f0c4";
}
i.icon.database:before {
  content: "\f1c0";
}
i.icon.deaf:before {
  content: "\f2a4";
}
i.icon.democrat:before {
  content: "\f747";
}
i.icon.desktop:before {
  content: "\f108";
}
i.icon.dharmachakra:before {
  content: "\f655";
}
i.icon.diagnoses:before {
  content: "\f470";
}
i.icon.dice:before {
  content: "\f522";
}
i.icon.dice.d20:before {
  content: "\f6cf";
}
i.icon.dice.d6:before {
  content: "\f6d1";
}
i.icon.dice.five:before {
  content: "\f523";
}
i.icon.dice.four:before {
  content: "\f524";
}
i.icon.dice.one:before {
  content: "\f525";
}
i.icon.dice.six:before {
  content: "\f526";
}
i.icon.dice.three:before {
  content: "\f527";
}
i.icon.dice.two:before {
  content: "\f528";
}
i.icon.digital.tachograph:before {
  content: "\f566";
}
i.icon.directions:before {
  content: "\f5eb";
}
i.icon.disease:before {
  content: "\f7fa";
}
i.icon.divide:before {
  content: "\f529";
}
i.icon.dizzy:before {
  content: "\f567";
}
i.icon.dna:before {
  content: "\f471";
}
i.icon.dog:before {
  content: "\f6d3";
}
i.icon.dollar.sign:before {
  content: "\f155";
}
i.icon.dolly:before {
  content: "\f472";
}
i.icon.dolly.flatbed:before {
  content: "\f474";
}
i.icon.donate:before {
  content: "\f4b9";
}
i.icon.door.closed:before {
  content: "\f52a";
}
i.icon.door.open:before {
  content: "\f52b";
}
i.icon.dot.circle:before {
  content: "\f192";
}
i.icon.dove:before {
  content: "\f4ba";
}
i.icon.download:before {
  content: "\f019";
}
i.icon.drafting.compass:before {
  content: "\f568";
}
i.icon.dragon:before {
  content: "\f6d5";
}
i.icon.draw.polygon:before {
  content: "\f5ee";
}
i.icon.drum:before {
  content: "\f569";
}
i.icon.drum.steelpan:before {
  content: "\f56a";
}
i.icon.drumstick.bite:before {
  content: "\f6d7";
}
i.icon.dumbbell:before {
  content: "\f44b";
}
i.icon.dumpster:before {
  content: "\f793";
}
i.icon.dumpster.fire:before {
  content: "\f794";
}
i.icon.dungeon:before {
  content: "\f6d9";
}
i.icon.edit:before {
  content: "\f044";
}
i.icon.egg:before {
  content: "\f7fb";
}
i.icon.eject:before {
  content: "\f052";
}
i.icon.ellipsis.horizontal:before {
  content: "\f141";
}
i.icon.ellipsis.vertical:before {
  content: "\f142";
}
i.icon.envelope:before {
  content: "\f0e0";
}
i.icon.envelope.open:before {
  content: "\f2b6";
}
i.icon.envelope.open.text:before {
  content: "\f658";
}
i.icon.envelope.square:before {
  content: "\f199";
}
i.icon.equals:before {
  content: "\f52c";
}
i.icon.eraser:before {
  content: "\f12d";
}
i.icon.ethernet:before {
  content: "\f796";
}
i.icon.euro.sign:before {
  content: "\f153";
}
i.icon.exchange.alternate:before {
  content: "\f362";
}
i.icon.exclamation:before {
  content: "\f12a";
}
i.icon.exclamation.circle:before {
  content: "\f06a";
}
i.icon.exclamation.triangle:before {
  content: "\f071";
}
i.icon.expand:before {
  content: "\f065";
}
i.icon.expand.alternate:before {
  content: "\f424";
}
i.icon.expand.arrows.alternate:before {
  content: "\f31e";
}
i.icon.external.alternate:before {
  content: "\f35d";
}
i.icon.external.link.square.alternate:before {
  content: "\f360";
}
i.icon.eye:before {
  content: "\f06e";
}
i.icon.eye.dropper:before {
  content: "\f1fb";
}
i.icon.eye.slash:before {
  content: "\f070";
}
i.icon.fan:before {
  content: "\f863";
}
i.icon.fast.backward:before {
  content: "\f049";
}
i.icon.fast.forward:before {
  content: "\f050";
}
i.icon.faucet:before {
  content: "\f905";
}
i.icon.fax:before {
  content: "\f1ac";
}
i.icon.feather:before {
  content: "\f52d";
}
i.icon.feather.alternate:before {
  content: "\f56b";
}
i.icon.female:before {
  content: "\f182";
}
i.icon.fighter.jet:before {
  content: "\f0fb";
}
i.icon.file:before {
  content: "\f15b";
}
i.icon.file.alternate:before {
  content: "\f15c";
}
i.icon.file.archive:before {
  content: "\f1c6";
}
i.icon.file.audio:before {
  content: "\f1c7";
}
i.icon.file.code:before {
  content: "\f1c9";
}
i.icon.file.contract:before {
  content: "\f56c";
}
i.icon.file.csv:before {
  content: "\f6dd";
}
i.icon.file.download:before {
  content: "\f56d";
}
i.icon.file.excel:before {
  content: "\f1c3";
}
i.icon.file.export:before {
  content: "\f56e";
}
i.icon.file.image:before {
  content: "\f1c5";
}
i.icon.file.import:before {
  content: "\f56f";
}
i.icon.file.invoice:before {
  content: "\f570";
}
i.icon.file.invoice.dollar:before {
  content: "\f571";
}
i.icon.file.medical:before {
  content: "\f477";
}
i.icon.file.medical.alternate:before {
  content: "\f478";
}
i.icon.file.pdf:before {
  content: "\f1c1";
}
i.icon.file.powerpoint:before {
  content: "\f1c4";
}
i.icon.file.prescription:before {
  content: "\f572";
}
i.icon.file.signature:before {
  content: "\f573";
}
i.icon.file.upload:before {
  content: "\f574";
}
i.icon.file.video:before {
  content: "\f1c8";
}
i.icon.file.word:before {
  content: "\f1c2";
}
i.icon.fill:before {
  content: "\f575";
}
i.icon.fill.drip:before {
  content: "\f576";
}
i.icon.film:before {
  content: "\f008";
}
i.icon.filter:before {
  content: "\f0b0";
}
i.icon.fingerprint:before {
  content: "\f577";
}
i.icon.fire:before {
  content: "\f06d";
}
i.icon.fire.alternate:before {
  content: "\f7e4";
}
i.icon.fire.extinguisher:before {
  content: "\f134";
}
i.icon.first.aid:before {
  content: "\f479";
}
i.icon.fish:before {
  content: "\f578";
}
i.icon.fist.raised:before {
  content: "\f6de";
}
i.icon.flag:before {
  content: "\f024";
}
i.icon.flag.checkered:before {
  content: "\f11e";
}
i.icon.flag.usa:before {
  content: "\f74d";
}
i.icon.flask:before {
  content: "\f0c3";
}
i.icon.flushed:before {
  content: "\f579";
}
i.icon.folder:before {
  content: "\f07b";
}
i.icon.folder.minus:before {
  content: "\f65d";
}
i.icon.folder.open:before {
  content: "\f07c";
}
i.icon.folder.plus:before {
  content: "\f65e";
}
i.icon.font:before {
  content: "\f031";
}
i.icon.football.ball:before {
  content: "\f44e";
}
i.icon.forward:before {
  content: "\f04e";
}
i.icon.frog:before {
  content: "\f52e";
}
i.icon.frown:before {
  content: "\f119";
}
i.icon.frown.open:before {
  content: "\f57a";
}
i.icon.fruit-apple:before {
  content: "\f5d1";
}
i.icon.funnel.dollar:before {
  content: "\f662";
}
i.icon.futbol:before {
  content: "\f1e3";
}
i.icon.gamepad:before {
  content: "\f11b";
}
i.icon.gas.pump:before {
  content: "\f52f";
}
i.icon.gavel:before {
  content: "\f0e3";
}
i.icon.gem:before {
  content: "\f3a5";
}
i.icon.genderless:before {
  content: "\f22d";
}
i.icon.ghost:before {
  content: "\f6e2";
}
i.icon.gift:before {
  content: "\f06b";
}
i.icon.gifts:before {
  content: "\f79c";
}
i.icon.glass.cheers:before {
  content: "\f79f";
}
i.icon.glass.martini:before {
  content: "\f000";
}
i.icon.glass.martini.alternate:before {
  content: "\f57b";
}
i.icon.glass.whiskey:before {
  content: "\f7a0";
}
i.icon.glasses:before {
  content: "\f530";
}
i.icon.globe:before {
  content: "\f0ac";
}
i.icon.globe.africa:before {
  content: "\f57c";
}
i.icon.globe.americas:before {
  content: "\f57d";
}
i.icon.globe.asia:before {
  content: "\f57e";
}
i.icon.globe.europe:before {
  content: "\f7a2";
}
i.icon.golf.ball:before {
  content: "\f450";
}
i.icon.gopuram:before {
  content: "\f664";
}
i.icon.graduation.cap:before {
  content: "\f19d";
}
i.icon.greater.than:before {
  content: "\f531";
}
i.icon.greater.than.equal:before {
  content: "\f532";
}
i.icon.grimace:before {
  content: "\f57f";
}
i.icon.grin:before {
  content: "\f580";
}
i.icon.grin.alternate:before {
  content: "\f581";
}
i.icon.grin.beam:before {
  content: "\f582";
}
i.icon.grin.beam.sweat:before {
  content: "\f583";
}
i.icon.grin.hearts:before {
  content: "\f584";
}
i.icon.grin.squint:before {
  content: "\f585";
}
i.icon.grin.squint.tears:before {
  content: "\f586";
}
i.icon.grin.stars:before {
  content: "\f587";
}
i.icon.grin.tears:before {
  content: "\f588";
}
i.icon.grin.tongue:before {
  content: "\f589";
}
i.icon.grin.tongue.squint:before {
  content: "\f58a";
}
i.icon.grin.tongue.wink:before {
  content: "\f58b";
}
i.icon.grin.wink:before {
  content: "\f58c";
}
i.icon.grip.horizontal:before {
  content: "\f58d";
}
i.icon.grip.lines:before {
  content: "\f7a4";
}
i.icon.grip.lines.vertical:before {
  content: "\f7a5";
}
i.icon.grip.vertical:before {
  content: "\f58e";
}
i.icon.guitar:before {
  content: "\f7a6";
}
i.icon.h.square:before {
  content: "\f0fd";
}
i.icon.hamburger:before {
  content: "\f805";
}
i.icon.hammer:before {
  content: "\f6e3";
}
i.icon.hamsa:before {
  content: "\f665";
}
i.icon.hand.holding:before {
  content: "\f4bd";
}
i.icon.hand.holding.heart:before {
  content: "\f4be";
}
i.icon.hand.holding.medical:before {
  content: "\f95c";
}
i.icon.hand.holding.usd:before {
  content: "\f4c0";
}
i.icon.hand.holding.water:before {
  content: "\f4c1";
}
i.icon.hand.lizard:before {
  content: "\f258";
}
i.icon.hand.middle.finger:before {
  content: "\f806";
}
i.icon.hand.paper:before {
  content: "\f256";
}
i.icon.hand.peace:before {
  content: "\f25b";
}
i.icon.hand.point.down:before {
  content: "\f0a7";
}
i.icon.hand.point.left:before {
  content: "\f0a5";
}
i.icon.hand.point.right:before {
  content: "\f0a4";
}
i.icon.hand.point.up:before {
  content: "\f0a6";
}
i.icon.hand.pointer:before {
  content: "\f25a";
}
i.icon.hand.rock:before {
  content: "\f255";
}
i.icon.hand.scissors:before {
  content: "\f257";
}
i.icon.hand.sparkles:before {
  content: "\f95d";
}
i.icon.hand.spock:before {
  content: "\f259";
}
i.icon.hands:before {
  content: "\f4c2";
}
i.icon.hands.helping:before {
  content: "\f4c4";
}
i.icon.hands.wash:before {
  content: "\f95e";
}
i.icon.handshake:before {
  content: "\f2b5";
}
i.icon.handshake.alternate.slash:before {
  content: "\f95f";
}
i.icon.handshake.slash:before {
  content: "\f960";
}
i.icon.hanukiah:before {
  content: "\f6e6";
}
i.icon.hard.hat:before {
  content: "\f807";
}
i.icon.hashtag:before {
  content: "\f292";
}
i.icon.hat.cowboy:before {
  content: "\f8c0";
}
i.icon.hat.cowboy.side:before {
  content: "\f8c1";
}
i.icon.hat.wizard:before {
  content: "\f6e8";
}
i.icon.hdd:before {
  content: "\f0a0";
}
i.icon.head.side.cough:before {
  content: "\f961";
}
i.icon.head.side.cough.slash:before {
  content: "\f962";
}
i.icon.head.side.mask:before {
  content: "\f963";
}
i.icon.head.side.virus:before {
  content: "\f964";
}
i.icon.heading:before {
  content: "\f1dc";
}
i.icon.headphones:before {
  content: "\f025";
}
i.icon.headphones.alternate:before {
  content: "\f58f";
}
i.icon.headset:before {
  content: "\f590";
}
i.icon.heart:before {
  content: "\f004";
}
i.icon.heart.broken:before {
  content: "\f7a9";
}
i.icon.heartbeat:before {
  content: "\f21e";
}
i.icon.helicopter:before {
  content: "\f533";
}
i.icon.highlighter:before {
  content: "\f591";
}
i.icon.hiking:before {
  content: "\f6ec";
}
i.icon.hippo:before {
  content: "\f6ed";
}
i.icon.history:before {
  content: "\f1da";
}
i.icon.hockey.puck:before {
  content: "\f453";
}
i.icon.holly.berry:before {
  content: "\f7aa";
}
i.icon.home:before {
  content: "\f015";
}
i.icon.horse:before {
  content: "\f6f0";
}
i.icon.horse.head:before {
  content: "\f7ab";
}
i.icon.hospital:before {
  content: "\f0f8";
}
i.icon.hospital.alternate:before {
  content: "\f47d";
}
i.icon.hospital.symbol:before {
  content: "\f47e";
}
i.icon.hospital.user:before {
  content: "\f80d";
}
i.icon.hot.tub:before {
  content: "\f593";
}
i.icon.hotdog:before {
  content: "\f80f";
}
i.icon.hotel:before {
  content: "\f594";
}
i.icon.hourglass:before {
  content: "\f254";
}
i.icon.hourglass.end:before {
  content: "\f253";
}
i.icon.hourglass.half:before {
  content: "\f252";
}
i.icon.hourglass.start:before {
  content: "\f251";
}
i.icon.house.damage:before {
  content: "\f6f1";
}
i.icon.house.user:before {
  content: "\f965";
}
i.icon.hryvnia:before {
  content: "\f6f2";
}
i.icon.i.cursor:before {
  content: "\f246";
}
i.icon.ice.cream:before {
  content: "\f810";
}
i.icon.icicles:before {
  content: "\f7ad";
}
i.icon.icons:before {
  content: "\f86d";
}
i.icon.id.badge:before {
  content: "\f2c1";
}
i.icon.id.card:before {
  content: "\f2c2";
}
i.icon.id.card.alternate:before {
  content: "\f47f";
}
i.icon.igloo:before {
  content: "\f7ae";
}
i.icon.image:before {
  content: "\f03e";
}
i.icon.images:before {
  content: "\f302";
}
i.icon.inbox:before {
  content: "\f01c";
}
i.icon.indent:before {
  content: "\f03c";
}
i.icon.industry:before {
  content: "\f275";
}
i.icon.infinity:before {
  content: "\f534";
}
i.icon.info:before {
  content: "\f129";
}
i.icon.info.circle:before {
  content: "\f05a";
}
i.icon.italic:before {
  content: "\f033";
}
i.icon.jedi:before {
  content: "\f669";
}
i.icon.joint:before {
  content: "\f595";
}
i.icon.journal.whills:before {
  content: "\f66a";
}
i.icon.kaaba:before {
  content: "\f66b";
}
i.icon.key:before {
  content: "\f084";
}
i.icon.keyboard:before {
  content: "\f11c";
}
i.icon.khanda:before {
  content: "\f66d";
}
i.icon.kiss:before {
  content: "\f596";
}
i.icon.kiss.beam:before {
  content: "\f597";
}
i.icon.kiss.wink.heart:before {
  content: "\f598";
}
i.icon.kiwi.bird:before {
  content: "\f535";
}
i.icon.landmark:before {
  content: "\f66f";
}
i.icon.language:before {
  content: "\f1ab";
}
i.icon.laptop:before {
  content: "\f109";
}
i.icon.laptop.code:before {
  content: "\f5fc";
}
i.icon.laptop.house:before {
  content: "\f966";
}
i.icon.laptop.medical:before {
  content: "\f812";
}
i.icon.laugh:before {
  content: "\f599";
}
i.icon.laugh.beam:before {
  content: "\f59a";
}
i.icon.laugh.squint:before {
  content: "\f59b";
}
i.icon.laugh.wink:before {
  content: "\f59c";
}
i.icon.layer.group:before {
  content: "\f5fd";
}
i.icon.leaf:before {
  content: "\f06c";
}
i.icon.lemon:before {
  content: "\f094";
}
i.icon.less.than:before {
  content: "\f536";
}
i.icon.less.than.equal:before {
  content: "\f537";
}
i.icon.level.down.alternate:before {
  content: "\f3be";
}
i.icon.level.up.alternate:before {
  content: "\f3bf";
}
i.icon.life.ring:before {
  content: "\f1cd";
}
i.icon.lightbulb:before {
  content: "\f0eb";
}
i.icon.linkify:before {
  content: "\f0c1";
}
i.icon.lira.sign:before {
  content: "\f195";
}
i.icon.list:before {
  content: "\f03a";
}
i.icon.list.alternate:before {
  content: "\f022";
}
i.icon.list.ol:before {
  content: "\f0cb";
}
i.icon.list.ul:before {
  content: "\f0ca";
}
i.icon.location.arrow:before {
  content: "\f124";
}
i.icon.lock:before {
  content: "\f023";
}
i.icon.lock.open:before {
  content: "\f3c1";
}
i.icon.long.arrow.alternate.down:before {
  content: "\f309";
}
i.icon.long.arrow.alternate.left:before {
  content: "\f30a";
}
i.icon.long.arrow.alternate.right:before {
  content: "\f30b";
}
i.icon.long.arrow.alternate.up:before {
  content: "\f30c";
}
i.icon.low.vision:before {
  content: "\f2a8";
}
i.icon.luggage.cart:before {
  content: "\f59d";
}
i.icon.lungs:before {
  content: "\f604";
}
i.icon.lungs.virus:before {
  content: "\f967";
}
i.icon.magic:before {
  content: "\f0d0";
}
i.icon.magnet:before {
  content: "\f076";
}
i.icon.mail.bulk:before {
  content: "\f674";
}
i.icon.male:before {
  content: "\f183";
}
i.icon.map:before {
  content: "\f279";
}
i.icon.map.marked:before {
  content: "\f59f";
}
i.icon.map.marked.alternate:before {
  content: "\f5a0";
}
i.icon.map.marker:before {
  content: "\f041";
}
i.icon.map.marker.alternate:before {
  content: "\f3c5";
}
i.icon.map.pin:before {
  content: "\f276";
}
i.icon.map.signs:before {
  content: "\f277";
}
i.icon.marker:before {
  content: "\f5a1";
}
i.icon.mars:before {
  content: "\f222";
}
i.icon.mars.double:before {
  content: "\f227";
}
i.icon.mars.stroke:before {
  content: "\f229";
}
i.icon.mars.stroke.horizontal:before {
  content: "\f22b";
}
i.icon.mars.stroke.vertical:before {
  content: "\f22a";
}
i.icon.mask:before {
  content: "\f6fa";
}
i.icon.medal:before {
  content: "\f5a2";
}
i.icon.medkit:before {
  content: "\f0fa";
}
i.icon.meh:before {
  content: "\f11a";
}
i.icon.meh.blank:before {
  content: "\f5a4";
}
i.icon.meh.rolling.eyes:before {
  content: "\f5a5";
}
i.icon.memory:before {
  content: "\f538";
}
i.icon.menorah:before {
  content: "\f676";
}
i.icon.mercury:before {
  content: "\f223";
}
i.icon.meteor:before {
  content: "\f753";
}
i.icon.microchip:before {
  content: "\f2db";
}
i.icon.microphone:before {
  content: "\f130";
}
i.icon.microphone.alternate:before {
  content: "\f3c9";
}
i.icon.microphone.alternate.slash:before {
  content: "\f539";
}
i.icon.microphone.slash:before {
  content: "\f131";
}
i.icon.microscope:before {
  content: "\f610";
}
i.icon.minus:before {
  content: "\f068";
}
i.icon.minus.circle:before {
  content: "\f056";
}
i.icon.minus.square:before {
  content: "\f146";
}
i.icon.mitten:before {
  content: "\f7b5";
}
i.icon.mobile:before {
  content: "\f10b";
}
i.icon.mobile.alternate:before {
  content: "\f3cd";
}
i.icon.money.bill:before {
  content: "\f0d6";
}
i.icon.money.bill.alternate:before {
  content: "\f3d1";
}
i.icon.money.bill.wave:before {
  content: "\f53a";
}
i.icon.money.bill.wave.alternate:before {
  content: "\f53b";
}
i.icon.money.check:before {
  content: "\f53c";
}
i.icon.money.check.alternate:before {
  content: "\f53d";
}
i.icon.monument:before {
  content: "\f5a6";
}
i.icon.moon:before {
  content: "\f186";
}
i.icon.mortar.pestle:before {
  content: "\f5a7";
}
i.icon.mosque:before {
  content: "\f678";
}
i.icon.motorcycle:before {
  content: "\f21c";
}
i.icon.mountain:before {
  content: "\f6fc";
}
i.icon.mouse:before {
  content: "\f8cc";
}
i.icon.mouse.pointer:before {
  content: "\f245";
}
i.icon.mug.hot:before {
  content: "\f7b6";
}
i.icon.music:before {
  content: "\f001";
}
i.icon.network.wired:before {
  content: "\f6ff";
}
i.icon.neuter:before {
  content: "\f22c";
}
i.icon.newspaper:before {
  content: "\f1ea";
}
i.icon.not.equal:before {
  content: "\f53e";
}
i.icon.notes.medical:before {
  content: "\f481";
}
i.icon.object.group:before {
  content: "\f247";
}
i.icon.object.ungroup:before {
  content: "\f248";
}
i.icon.oil.can:before {
  content: "\f613";
}
i.icon.om:before {
  content: "\f679";
}
i.icon.otter:before {
  content: "\f700";
}
i.icon.outdent:before {
  content: "\f03b";
}
i.icon.pager:before {
  content: "\f815";
}
i.icon.paint.brush:before {
  content: "\f1fc";
}
i.icon.paint.roller:before {
  content: "\f5aa";
}
i.icon.palette:before {
  content: "\f53f";
}
i.icon.pallet:before {
  content: "\f482";
}
i.icon.pap