i[class*="icss-"] {
  position: relative;
  display:inline-block;
  font-style: normal;
  background-color:currentColor;
  box-sizing: border-box;
  vertical-align: middle;
}
i[class*="icss-"]:before, 
i[class*="icss-"]:after {
  content: "";
  border-width: 0; 
  position: absolute;
  box-sizing: border-box;
}

/* Size */
[class*="icss-"].xxsmall {
  font-size: .45em;
}
[class*="icss-"].xsmall {
  font-size: .5em;
}
[class*="icss-"].small {
  font-size: .65em;
}
[class*="icss-"].x1_5 {
  font-size: 1.5em;
}
[class*="icss-"].x2 {
  font-size: 2em;
}
[class*="icss-"].x2_5 {
  font-size: 2.5em;
}
[class*="icss-"].x3 {
  font-size: 3em;
}
[class*="icss-"].x4 {
  font-size: 4em;
}
[class*="icss-"].x5 {
  font-size: 5em;
}

/* Align text-bottom */
i[class*="icss-"].bottom {
  vertical-align:text-bottom;
}

/* flip */
.flip {
  transform: scaleX(-1);
}

/* rotate */
i[class*="icss-"].rot10 {
  transform: rotate(10deg);
}
i[class*="icss-"].rot-10 {
  transform: rotate(-10deg);
}
i[class*="icss-"].rot20 {
  transform: rotate(20deg);
}
i[class*="icss-"].rot-20 {
  transform: rotate(-20deg);
}
i[class*="icss-"].rot45 {
  transform: rotate(45deg);
}
i[class*="icss-"].rot-45 {
  transform: rotate(-45deg);
}
i[class*="icss-"].rot90 {
  transform: rotate(90deg);
}
i[class*="icss-"].rot-90 {
  transform: rotate(-90deg);
}
i[class*="icss-"].rot180 {
  transform: rotate(180deg);
}
i[class*="icss-"].rot-180 {
  transform: rotate(-180deg);
}

/* force animation */
i.icss-anim,
i.icss-anim:before,
i.icss-anim:after {   
  transition: all 1s;
}

/* Spin */
.icss-spin {
  animation: spin 2s infinite linear;
}
.icss-pulse {
  animation: spin 1s infinite steps(8);
}

.icss-spin-hover:hover {
  animation: spin 2s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/* BELL */
@keyframes ring {
	0%{transform:rotate(-15deg)}
	2%{transform:rotate(15deg)}
	4%{transform:rotate(-18deg)}
	6%{transform:rotate(18deg)}
	8%{transform:rotate(-22deg)}
	10%{transform:rotate(22deg)}
	12%{transform:rotate(-18deg)}
	14%{transform:rotate(18deg)}
	16%{transform:rotate(-12deg)}
	18%{transform:rotate(12deg)}
	20%,100%{transform:rotate(0deg)}
}

.icss-ring {
  animation: ring 2s infinite ease;
}
.icss-ring-hover:hover {
  animation: ring 2s infinite ease;
}

/* VERTICAL */
@keyframes vertical {
	0%{transform:translate(0,-3px)}
	4%{transform:translate(0,3px)}
	8%{transform:translate(0,-3px)}
	12%{transform:translate(0,3px)}
	16%{transform:translate(0,-3px)}
	20%{transform:translate(0,3px)}
	22%,100%{transform:translate(0,0)}
}
.icss-vibes,
.icss-vibes-hover:hover {
	animation: vertical 2s ease infinite;
}

/* HORIZONTAL */
@keyframes horizontal {
	0%{transform:translate(0,0)}
	6%{transform:translate(5px,0)}
	12%{transform:translate(0,0)}
	18%{transform:translate(5px,0)}
	24%{transform:translate(0,0)}
	30%{transform:translate(5px,0)}
	36%,100%{transform:translate(0,0)}
}
.icss-shake,
.icss-shake-hover:hover {
	animation: horizontal 2s ease infinite;
}

/* TADA */
@keyframes tada {
	0% {transform: scale(1)}
	10%,20% {transform:scale(.9) rotate(-8deg);}
	30%,50%,70% {transform:scale(1.3) rotate(8deg)}
	40%,60% {transform:scale(1.3) rotate(-8deg)}
	80%,100% {transform:scale(1) rotate(0)}
}

.icss-tada,
.icss-tada-hover:hover{
	animation: tada 2s linear infinite;
}

/* Reverse animation */
.icss-reverse {
  animation-direction: reverse;
}
[class*="-hover"].icss-reverse:hover {
  animation-direction: reverse;
}

/* Stack icons */
.icss-stack {
  position: relative;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.icss-stack i[class*="icss-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-.5em, -.5em);
}

.icss-stack i[class*="icss-"].bottom {
  bottom: 0;
  top: auto;
}

/* shadow icon */
.icss-shadow {
  position: relative;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.icss-shadow i[class*="icss-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-.5em, -.5em);
}

.icss-shadow i[class*="icss-"]:first-child {
  top: 54%;
  left: 54%;
}

i.icss-file-e {
    width: .8em;
    height: 1em;
    background-color: transparent;
    border-width: .065em;
    border-style: solid;
    border-radius: .05em .34em .05em .05em;
    margin: 0 .1em;
}
i.icss-file-e:before {
    border-style: solid;
    border-width: .2em;
    left: .275em;
    border-radius: .1em;
    border-color: transparent;
    border-right-color: currentColor;
    transform: rotate(-45deg);
    top: .02em;
}
i.icss-file-e:after {
    top: 50%;
    left: 50%;
    content: "E";
    font-size: .35em;
    font-weight: bold;
    transform: translate(-50%,-43%) scale(0.8,1.5);
    font-family: sans-serif;
}
i.icss-info-circle {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: .1em solid currentColor;
    background-color: transparent;
    margin:0;
}
i.icss-info-circle:before {
    width: .15em;
    height: .38em;
    background-color: currentColor;
    border-radius: .03em;
    top: .3em;
    left: 50%;
    transform: translateX(-50%); 
}
i.icss-info-circle:after {
    width: .15em;
    height: .13em;
    background-color: currentColor;
    border-radius: .03em;
    box-shadow: -.06em .19em, -.06em .44em, .06em .44em;
    top: .11em;
    left: 50%;
    transform: translateX(-50%); 
}
i.icss-x{
    width: 1em;
    height: 1em;
    background-color: transparent;
    margin: 0;
}
i.icss-x:before,
i.icss-x:after {
    width: 1em;
    height: .18em;
    top: 50%;
    left: 50%;
    border-radius: .06em;
    background-color: currentColor;
}

i.icss-x:before {
    transform: translate(-50%, -50%) rotate(-225deg)
}
i.icss-x:after{
    transform: translate(-50%, -50%) rotate(225deg)
}
i.icss-user {
    width: .8em;
    height: 1em;
    border-radius: .08em;
    background-color: transparent;
    overflow: hidden;
    margin: 0 .1em;
}
i.icss-user:before {
    width: .6em;
    height: .6em;
    border-style: solid;
    border: .065em solid transparent;
    border-radius: 100%;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: inset 0 0 0 .5em, 0em .7em 0 .2em;
    clip: rect(-.2em .7em 1em -.1em);
}
i.icss-user:after {
}
i.icss-users {
    width: .8em;
    height: .5em;
    border-width: .065em;
    border-style: solid;
    border-radius: .8em .8em .2em .2em;
    margin-top: .4em;
    background-color: transparent;
    box-shadow: .45em .05em 0 -.05em;
    margin: .5em .35em 0 0;
}
.icss-stack i.icss-users {
    transform: translate(-.6em, -.5em);
}
i.icss-users:before {
    border-style: solid;
    border-width: .065em;
    border-radius: 100%;
    top: -.46em;
    left: 50%;
    transform: translateX(-50%);
    width: .45em;
    height: .45em;
    box-shadow: .45em .1em 0 -.05em;
    background-image: 
        radial-gradient(circle at -.1em -.1em, 
            currentcolor 0, currentcolor .28em, transparent .28em),
        radial-gradient(circle at .35em -.2em, 
            currentcolor 0, currentcolor .35em, transparent .35em);
}
i.icss-users:after {
    border-style: solid;
    border-width: .15em .1em .3em;
    border-radius: 100%;
    width: .2em;
    height: .2em;
    border-left-color: transparent;
    border-right-color: transparent;
    left: .23em;
    top: -.05em
}
i.icss-list-ol {
    width: .55em;
    height: .12em;
    border-radius: .02em;
    background-color: currentColor;
    box-shadow: 0 .25em, 0 -.25em;
    margin: .44em .1em .44em .35em;
}

i.icss-list-ol:before {
    content: '2';
    font-family: sans-serif;
    font-weight: bold;
    font-size: .25em;
    line-height: 1em;
    width: .55em;
    padding: .12em 0;
    box-shadow: 0 -1em 0 -.165em;
    top: .2em;
    left: -1em;
    transform: translateY(-50%);
}

i.icss-list-ol:after {
    content: '3';
    font-family: sans-serif;
    font-weight: bold;
    font-size: .25em;
    line-height: 1em;
    top: 1.2em;
    left: -1em;
    transform: translateY(-50%);
}

i.icss-print {
	width: .68em;
	height: 1em;
	border-style: solid;
	border-color: currentcolor;
	background-color: transparent;
	border-width: .07em;
	border-radius: .05em;
	background-color: transparent;
	margin: 0 .16em;
}
i.icss-print:before {
	width: 1em;
	height: .4em;
	border-width: .07em .21em 0;
	border-style: solid;
	border-color: currentColor currentcolor transparent;
	border-radius: .05em .05em 0 0;
	top: .25em;
	left: 50%;
	transform: translateX(-50%);
	background-image: linear-gradient(transparent 20%, currentcolor 20%, currentcolor 60%, transparent 60% );
}
i.icss-print:after {
	width: .45em;
	height: 0.065em;
	background-color: currentColor;
	left: 50%;
	transform: translateX(-50%);
	top: .6em;
	box-shadow: 0 .12em, -.1em -.28em 0 .05em;
}
i.icss-menus{
    margin: .41em  .41em;
}
i.icss-menus,
i.icss-menus:before,
i.icss-menus:after {
    width: .18em;
    height: .18em;
    border-radius: .06em;
    background-color: currentColor;
}

i.icss-menus:before {
    left: 0;
    top: -0.36em;
}
i.icss-menus:after{
    left: 0;
    top: 0.36em;
}
i.icss-link {
    width: .09em;
    height: .4em;
    border-radius: .1em;
    margin: .3em .455em .3em;
}
.icss-stack i.icss-link {
   transform: translate(-.5em, -.5em) rotate(30deg);
}
i.icss-link:before {
    width: .33em;
    height: .42em;
    background-color: transparent;
    border-radius: .16em .16em .1em .1em;
    border: .09em solid currentColor;
    border-bottom: 0 solid transparent;
    top: -.25em;
    left: -.12em;
}
i.icss-link:after {
    width: .33em;
    height: .42em;
    background-color: transparent;
    border-radius: .1em .1em .16em .16em;
    border: .09em solid currentColor;
    border-top: 0 solid transparent;
    top: .24em;
    left: -.12em;
}

i.icss-arrow-down {
    width: 1em;
    height: .18em;
    border-radius: .1em;
    background-color: currentColor;
    margin: .41em  0;
    transform: rotate(90deg);
}
.icss-stack i.icss-arrow-down {
   transform: translate(-.5em, -.5em) rotate(90deg);
}
i.icss-arrow-down:before {
    width: .6em;
    height: .18em;
    border-radius: .1em;
    background-color: currentColor;
    top: -.15em;
    left: .46em;
    transform: rotate(45deg);
}
i.icss-arrow-down:after {
    width: .6em;
    height: .18em;
    border-radius: .1em;
    background-color: currentColor;
    top: .15em;
    left: .46em;
    transform: rotate(-45deg);
}
i.icss-arrow-up {
    width: 1em;
    height: .18em;
    border-radius: .1em;
    background-color: currentColor;
    margin: .41em  0;
    transform: rotate(90deg);
}
.icss-stack i.icss-arrow-up {
   transform: translate(-.5em, -.5em) rotate(90deg);
}
i.icss-arrow-up:before {
    width: .6em;
    height: .18em;
    border-radius: .1em;
    background-color: currentColor;
    top: -.15em;
    left: -.06em;
    transform: rotate(-45deg);
}
i.icss-arrow-up:after {
    width: .6em;
    height: .18em;
    border-radius: .1em;
    background-color: currentColor;
    top: .15em;
    left: -.06em;
    transform: rotate(45deg);
}
i.icss-spinner-half-o {
  width: 1em;
  height: 1em;
  background: transparent;
  margin: 0;
}

i.icss-spinner-half-o:after {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: transparent;
  border: .1em solid currentColor;
  border-color: currentColor currentColor transparent transparent;
  transform: rotate(45deg);
  top: 0;
  left: 0;
}

i.icss-spinner-half-o:before {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: transparent;
  border: .1em solid currentColor;
  border-color: currentColor;
  margin: 0;
  opacity: 0.4;
  top: 0;
  left: 0;
}

i.icss-trash {
    width: .68em;
    height: .9em;
    background-color: transparent;
    border-width: .1em .1em;
    border-style: solid;
    border-radius: .05em;
    margin: .1em .15em 0;
}
i.icss-trash:before {
    border-style: solid;
    border-width: .1em;
    top: -.23em;
    left: 50%;
    border-radius: .1em;
    width: .275em;
    height: 1.03em;
    transform: translateX(-50%);
}
i.icss-trash:after {
    border-width: .1em .43em;
    border-style: solid;
    left: 50%;
    top: -.05em;
    border-radius: .07em;
    transform: translateX(-50%);
}

i.icss-pencil {
  width: .8em;
  height: .25em;
  background-color: transparent;
  box-shadow: inset 0 0 0 .065em;
  margin: .4em .1em .35em;
  transform: rotate(-45deg);
}
.icss-stack i.icss-pencil {
    transform: translate(-.5em, -.5em) rotate(-45deg);
}
i.icss-pencil:before {
  width: .2em;
  height: .25em;
  top: 0;
  left: -.38em;
  border: .125em solid transparent;
  border-right: .2em solid currentColor;
}
i.icss-pencil:after {
  width: .1em;
  height: .25em;
  top: 0;
  left: .85em;
  border: .07em solid currentColor;
  border-radius: 0 .05em .05em 0
}


i.icss-bars-4 {
  width: 1em;
  height: 1em;
  background: transparent;
  margin: 0;
}
i.icss-bars-4:after {
  width: 1em;
  height: .14em;
  border-radius: .06em;
  background-color: currentColor;
  box-shadow: 
    0 0.28em 0 0em, 
    0 0.58em 0 0em, 
    0 0.86em 0 0em;
  top: 0;
  left: 0;
}
i.icss-chart-line {
    width: .8em;
    height: .8em;
    background-color: transparent;
    border: .065em solid currentColor;
    border-width: 0 0 .065em .065em;
    margin: .1em;
}
i.icss-chart-line:before {
    border: .13em solid transparent;
    border-bottom: .25em solid currentColor;
    transform: rotate(47deg);
    top: -.03em;
    left: .66em;
}
i.icss-chart-line:after {
    width: .4em;
    height: .25em;
    background-color: transparent;
    border-style: solid;
    border-color: currentColor currentColor transparent transparent;
    border-width: .07em .07em 0 0;
    clip: rect(0 1em 1em .1em);
    transform: rotate(-40deg) skewX(20deg);
    box-shadow: .23em .085em 0 -.085em, .38em .085em 0 -.085em;
    top: .42em;
    left: .01em;
}
i.icss-calendar-grid  {
  width: .9em;
  height: .85em;
  border-radius: .03em;
  background-color: transparent;
  box-shadow: inset 0 0 0 .065em, inset 0 .2em 0 .065em,
    -.2em -.46em 0 -.39em, .2em -.46em 0 -.39em; 
  margin: .1em 0 0 0;
}
i.icss-calendar-grid:before {
  height: .065em;
  width: .9em;
  box-shadow: inset 1em 0,
    0 .19em;
  top: .4em;
  left: 0;
}
i.icss-calendar-grid:after {
  width: .065em;
  height: .7em;
  box-shadow: inset 1em 0 , 
    .21em 0, 
    -.21em 0 
    ;
  top: .1em;
  left: .15em;
  left: 50%;
  transform: translateX(-50%);
}
i.icss-gear {
    width: .5em;
    height: .5em;
    position: relative;
    border-radius: 100%;
    background-color: transparent;
    border-width: .07em;
    border-style: solid;
    border-color: transparent;
    margin: .25em;
    box-shadow: 0 0 0 .1em, inset 0 0 0 .3em;
}
i.icss-gear:before {
    width: .18em;
    height: .18em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: .41em 0, -.41em 0, 0 .41em, 0 -.41em;
}

i.icss-gear:after {
    width: .18em;
    height: .18em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
}
i.icss-calendar  {
  width: .9em;
  height: .8em;
  border-radius: .03em;
  background-color: transparent;
  box-shadow: inset 0 0 0 .065em, inset 0 .15em 0 .065em; 
  margin: .1em 0 0 0;
}
i.icss-calendar:before {
  content: "31";
  font-size: .5em;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 1em;
  top: .45em;
  left: 50%;
  transform: translateX(-50%) scaleX(.8);
}
i.icss-calendar:after {
  width: .1em;
  height: .15em;
  box-shadow: inset .1em 0, .5em 0;
  border-radius: .03em;
  top: -.08em;
  left: .15em;
}
i.icss-book-bookmark {
  width: .2em;
  height: .3em;
  border: .1em solid currentColor;
  border-color: currentColor currentColor transparent;
  border-top: 0;
  border-radius: .1em 0 0 0 / .05em 0 0 0;
  box-shadow: -.23em .64em 0 -.07em;
  background-color: transparent;
  margin: .1em .17em .6em .63em;
}
i.icss-book-bookmark:before {
  width: .5em;
  height: .75em;
  box-shadow: inset 0 0 0 .07em, .03em .06em;
  border-radius: .15em 0 0 .05em;
  transform: skewY(-10deg);
  top: .03em;
  left: -.26em;
}
i.icss-book-bookmark:after {
  width: .5em;
  height: .75em;
  box-shadow: inset 0 0 0 .07em, -.03em .06em;
  border-radius: 0 .15em .05em 0;
  transform: skewY(10deg);
  top: .03em;
  left: -.69em;
}
i.icss-caret-r {
  width: 1em;
  height: 1em;
  border-radius: .07em;
  background-color: transparent;
  margin: 0;
}
i.icss-caret-r:before {
  height: .4em;
  width: .4em;
  border: .2em solid currentColor;
  border-color: currentColor currentColor transparent transparent;
  top: 50%;
  left: 50%;
  transform: translate(-70%,-50%) rotate(45deg);
}

i.icss-caret-down {
  width: 1em;
  height: 1em;
  border-radius: .07em;
  background-color: transparent;
  margin: 0;
}
i.icss-caret-down:before {
  height: .4em;
  width: .4em;
  border: .2em solid currentColor;
  border-color: currentColor currentColor transparent transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-70%) rotate(135deg);
}

i.icss-coin {
  width: .8em;
  height: .8em;
  background-color: transparent;
  overflow: hidden;
  margin: .05em .1em .15em;
}
i.icss-coin:before {
  width: .8em;
  height: .8em;
  border-radius: 50%;
  border: 0 solid transparent;
  border-width: .06em 0;
  box-shadow: inset 0 0 0 .065em, 
    .4em .06em 0 -.3em,
    -.4em .06em 0 -.3em,
    0 .15em;
  transform: translate(-50%, -50%) scaleY(.7);
  left: 50%;
  top: 50%;
}
i.icss-coin:after {
  width: .26em;
  height: .26em;
  background-color: currentColor;
  border-radius: 100%;
  top: .07em;
  left: .08em;
  box-shadow: 0 .34em 0 .11em;
  clip: rect(0em .32em .41em -.07em);
  opacity: .7;
  transform: translate(-50%, -50%) scaleY(.65);
  left: 50%;
  top: 43%;
}

i.icss-grid  {
  width: 1em;
  height: 1em;
  border-radius: .07em;
  background-color: transparent;
  margin: 0;
}
i.icss-grid:before {
  height: .2em;
  width: .2em;
  background-color: currentColor;
  box-shadow: .3em 0, .6em 0, 
    0 .3em, .3em .3em, .6em .3em,
    0 .6em, .3em .6em, .6em .6em;
  top: .1em;
  left: .1em;
}

i.icss-exchange {
    background-color: transparent;
    border:0.2em solid transparent;
    border-left-color: currentColor;
    border-right-width: 0.8em;
    box-shadow: -0.7em 0 0 -0.13em;
    margin: .5em -.8em .05em 0.8em;
}
i.icss-exchange:before {
    border:0.2em solid transparent;
    border-right-color: currentColor;
    border-left-width: 0.8em;
    box-shadow: 0.7em 0 0 -0.13em;
    top: -.5em;
    left: -1.8em
}

i.icss-power-off {
    width: .15em;
    height: .55em;
    background-color: currentColor;
    border-radius: .1em;
    margin: 0 .425em .45em;
    transform-origin: 50% .55em;
}
i.icss-power-off:after {
    width: .9em;
    height: .9em;
    border-radius: 50%;
	background-color: transparent;
	border: .1em solid currentColor;
    border-color: transparent currentColor currentColor currentColor;
	top: .1em;
	left: 50%;
	transform: translateX(-50%) rotate(20deg);
}
i.icss-power-off:before {
    width: .9em;
    height: .9em;
    border-radius: 50%;
	background-color: transparent;
	border: .1em solid currentColor;
    border-color: transparent currentColor currentColor currentColor;
	top: .1em;
	left: 50%;
	transform: translateX(-50%) rotate(-20deg);
}

i.icss-search {
    width: .73em;
    height: .73em;
    background-color: transparent;
    border-width: .12em;
    border-style: solid;
    border-radius: 100%;
    margin: 0 .27em .27em 0;
}
i.icss-search:before {
    top: .635em;
    left: .485em;
    border-width: .08em .23em;
    border-style: solid;
    border-radius: .03em;
    transform: rotate(45deg);
    box-shadow: -.18em 0 0 -.03em
}
i.icss-search:after {

}
i.icss-heart-beat {
  width: 1em;
  height: 1em;
  background-color: transparent;
  margin: 0;
}
i.icss-heart-beat:before {
  width: .9em;
  height: 1.1em;
  border: 0 solid transparent;
  border-width: .45em 0;
  box-shadow: inset 0 .2em, 
    .38em -.21em 0 -.24em,
    -.4em .21em 0 -.24em;
  transform: translate(-50%, -50%) scaleX(.3) rotate(45deg);
  top: 50%;
  left: 50%;
}
i.icss-heart-beat:after {
  width: .3em;
  height: .08em;
  background-color: currentColor;
  box-shadow: .7em 0;
  top: .46em;
  left: 0;
}
i.icss-unlink {
    width: .1em;
    height: .1em;
    border-radius: 0;
    margin: .45em .45em;
    box-shadow: .15em .3em, .3em .15em, 
        .18em .38em, .38em .19em,
        .1em .25em, .25em .1em,
        -.1em -.25em, -.25em -.1em,
        -.15em -.3em, -.3em -.15em,
        -.18em -.38em, -.38em -.19em;
}
i.icss-unlink:before {
    width: .34em;
    height: .4em;
    background-color: transparent;
    border-radius: .16em .16em 0 0;
    border: .09em solid currentColor;
    border-bottom: 0 solid transparent;
    top: -.4em;
    left: .15em;
    transform: rotate(45deg);
}
i.icss-unlink:after {
    width: .33em;
    height: .4em;
    background-color: transparent;
    border-radius: 0 0 .16em .16em;
    border: .09em solid currentColor;
    border-top: 0 solid transparent;
    top: .1em;
    left: -.35em;
    transform: rotate(45deg);
}

i.icss-man-statistic {
  width: .4em;
  height: .45em;
  background-color: transparent;
  border-radius: .18em .18em 0 0;
  border-top: .1em solid transparent;
  box-shadow: 
    inset .265em 0 0 -.1em,
    inset -.265em 0 0 -.1em,
    0 .25em 0 -.09em,
    0 .4em 0 -.09em;
  margin: .23em .55em .32em .05em;
}
i.icss-man-statistic:before {
  width: .26em;
  height: .26em;
  background-color: currentColor;
  border-radius: 50%;
  transform: translateX(-50%);
  top: -.28em;
  left: 50%;
}
i.icss-man-statistic:after {
  width: .1em;
  height: .2em;
  background-color: currentColor;
  box-shadow: .16em 0, .16em -.12em,
    .54em -.07em 0 .2em,
    .13em .43em 0 .18em,
    .08em -.59em 0 .2em;
  clip: rect(-.27em .42em .33em -.2em);
  left: .51em;
  top: .05em;
}
i.icss-sparkle {
    width: 1em;
    height: 1em;
    background-color: transparent;
}
i.icss-sparkle:before {
    width: .5em;
    height: .5em;
    background-color: currentColor;
    box-shadow: 1em -1.5em 0 -.1em,
        2em -1.7em 0 -.12em;
    border-radius: .1em;
    transform: scaleX(.2) rotate(45deg);
    top: .3em;
    left: .06em;
}
i.icss-sparkle:after {
    width: .5em;
    height: .5em;
    background-color: currentColor;
    box-shadow: -1em -1.5em 0 -.1em,
       1.11em .38em 0 -.12em;
    border-radius: .1em;
    transform: scaleY(.2) rotate(45deg);
    top:.3em;
    left: .06em;
}

i.icss-send-mail {
    width: 1em;
    height: 1em;
    background-color: transparent;
}
i.icss-send-mail:before {
    border: .3em solid transparent;
    border-width: .24em .3em .1em;
    border-top-color: currentColor;
    box-shadow: 
        -.5em -.1em 0 -.13em,
        -.5em .05em 0 -.13em,
        -.5em .2em 0 -.13em;
    border-radius: .02em;
    top: .3em;
    left: .4em;
    transform: skewX(-20deg);
}

i.icss-send-mail:after {
    border: .3em solid currentColor;
    border-width: .24em .3em .15em;
    border-top-color: transparent;
    border-radius: 0 0 .02em .02em;
    top: .37em;
    left: .375em;
    transform: skewX(-20deg);
}
i.icss-disk {
  width: 1em;
  height: 1em;
  border-radius: .07em .28em .07em .07em;
  border: .07em solid currentColor;
  background-color: transparent;
  margin: 0;
}

i.icss-disk:before {
  height: .2em;
  width: .4em;
  border: .07em solid transparent;
  border-top: 0;
  border-radius: 0 0 .01em .01em;
  transform: translateX(-50%);
  box-shadow: inset -.1em 0, 0 0 0 .065em;
  top: 0;
  left: 50%;
}

i.icss-disk:after {
  height: .3em;
  width: .3em;
  border: .05em solid transparent;
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: inset 0 0 0 .05em, 0 0 0 .065em; 
  top: 0.4em;
  left: 50%;
}

i.icss-folder-close  {
  width: .9em;
  height: .75em;
  border-radius: .05em;
  background: transparent;
  margin: .2em .045em .05em;
}
i.icss-folder-close:before {
  width: .5em;
  height: .19em;
  border-radius: .05em;
  background: currentColor;
  top: -.12em;
  left: 0;
}
i.icss-folder-close:after {
  width: .9em;
  height: .75em;
  border-radius: .05em;
  box-shadow: inset 0 0 0 .08em;
  top: 0;
  left: 0;
}
i.icss-folder-open  {
  width: .9em;
  height: .75em;
  border-radius: .05em;
  background: transparent;
  box-shadow: inset 0 .16em;
  margin: .2em .045em .05em;
}
i.icss-folder-open:before {
  width: .5em;
  height: .2em;
  border-radius: .05em;
  background: currentColor;
  top: -.12em;
  left: 0;
}
i.icss-folder-open:after {
  width: .9em;
  height: .7em;
  border-radius: .05em;
  box-shadow: inset 0 0 0 .08em;
  transform: perspective(4em) rotateX(-35deg);
  transform-origin: 50% 100% 0;
  top: .05em;
  left: 0;
}
i.icss-bars{
    margin: .41em  0;
}
i.icss-bars,
i.icss-bars:before,
i.icss-bars:after {
    width: 1em;
    height: .18em;
    border-radius: .06em;
    background-color: currentColor;
}

i.icss-bars:before {
    top: -0.36em;
    left: 0;
}
i.icss-bars:after{
    top: 0.36em;
    left: 0;
}
i.icss-success {
    width: 1em;
    height: 1em;
    background-color: transparent;
    margin: 0;
}
i.icss-success:after,
i.icss-success:before {
    width: .16em;
    height: .7em;
    background-color: currentColor;
    border-radius: .1em;
    top: .6em;
    left: .33em;
    transform: rotate(-135deg);
    transform-origin: 0.08em 0.08em;
}
i.icss-success:after {
    width: .43em;
    height: .16em;
}