A Pen by Adam Henley.

index.haml

#eureka

Light-bulb-icon.markdown

Light-bulb icon

A Pen by Adam Henley on CodePen.

License.

style.less

@bg: rgb(255,255,255);
@r: rgb(215, 66, 66);
@stroke_width: 10px;
:after,:before {content:" "; position:absolute;}

@bulb_diam: 200px;
@base1_ratio: 1.88;
#eureka{
    position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
    width: @bulb_diam;
    height:@bulb_diam ;
    border-radius:50%;
    border: @stroke_width solid @r;
}
#eureka:before,#eureka:after{
  width:(@bulb_diam/@base1_ratio);  
  border: @stroke_width solid @r;
  left:0; 
  right:0;
  margin:auto;
}
@base1_height: 40px;
#eureka:after{
  height:@base1_height;
  background-color:@bg;
  top:@bulb_diam - (@stroke_width*2 - 4px);
  border-top: none;
}

#eureka:before{
  top:@bulb_diam+@base1_height;
  height:@base1_height/3;
  border-left-color:transparent;
  border-right-color:transparent;
}