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; }