如何在图片上显示icon

前端小白一枚。

<ul class="mui-table-view mui-grid-view" >  
      <li class="mui-table-view-cell mui-media mui-col-xs-6" id="a">  
               <img class="mui-media-object" src="images/pic.png"/>  
      </li>  
</ul>  

想实现点击上面的图片后，在图片上出现icon。
求教各位大神，css该如何实现？谢谢！