i.icss-plus {
    width: 1em;
    height: 1em;
    background-color: transparent;
    margin: 0;
}
i.icss-plus:before,
i.icss-plus:after {
    width: 1em;
    height: .18em;
    top: 50%;
    left: 50%;
    border-radius: .06em;
    background-color: currentColor;
}

i.icss-plus:before {
    transform: translate(-50%, -50%) rotate(-180deg)
}
i.icss-plus:after{
    transform: translate(-50%, -50%) rotate(90deg)
}
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-key {
    height: .55em;
    width: .5em;
    background: transparent;
    border-radius: 50% / 47%;
    box-shadow: inset -.05em 0 0 .18em;
    margin: .225em .45em .225em .05em;
    transform: rotate(45deg);
    transform-origin: .5em 50%;
}
.icss-stack i.icss-key {
   transform: translate(-.5em, -.5em) rotate(45deg);
}
i.icss-key:before {
    width: .14em;
    height: .14em;
    box-shadow: inset .5em .5em, 
        -.09em .09em,
        -.18em .18em,
        -.27em .27em
        ;
    top: 50%;
    left: .84em;
    transform: translateY(-50%) scaleX(.95) rotate(45deg);
}
i.icss-key:after {
    width: .61em;
    height: .2em;
    box-shadow: inset .27em -.13em;
    top: 50%;
    left: .3em;
    transform: translateY(-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-exit {
  width: .6em;
  height: .8em;
  background-color: transparent;
  box-shadow: inset 0 0 0 .065em;
  border-radius: .05em;
  margin: .1em .3em .1em .1em;
}
i.icss-exit:before {
  width: .4em;
  height: .8em;
  transform: perspective(1em) rotateY(-30deg);
  transform-origin: 0 50%;
  box-shadow: 
    inset -.06em .37em,
    inset .24em .37em,
    inset -.06em -.36em,
    inset .24em -.36em;
  border-radius: .03em;
  top: 0;
  left: 0;
}
i.icss-exit:after {
  width: .36em;
  height: .36em;
  border: .18em solid transparent;
  border-right-color: currentColor;
  transform: translateY(-50%);
  box-shadow: .16em 0 0 -.08em;
  top: 50%;
  left: .45em;
}
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;
}