iconMarcador{height:40px; width:40px; display:block; position:relative;} 

.demoSpan{width:22px;}


.demoSpan:after{content:''; height:0px; width:0px; display:block; position:absolute; bottom:2px; left:1px; border:10px transparent solid; border-top-color:#333; border-width:20px 10px 0px 10px; }

.demoSpan1:before{content:'1'; height:22px; width:22px; display:block; position:absolute; top:2px; left:0px; z-index:1; line-height:26px; background:#333; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px; color:#fff; text-align:center;}
.demoSpan2:before{content:'2'; height:22px; width:22px; display:block; position:absolute; top:2px; left:0px; z-index:1; line-height:26px; background:#333; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px; color:#fff; text-align:center;}