Using CSS to give a black icon another color

Question

I saw some apps where even though a black icon was included, some how the app used CSS to convert the icon into a different colour. I can\'t seem to repeat this process

Answer 1

Your code isn't working because the src attribute is being used to show up the black version on top of the orange version. You will be able to get the desired result only with CSS, this way:

.dashboard-buttons .sessions .img { width: 60px; height: 60px; background-color: #C60; }
.dashboard-buttons .sessions .img { -webkit-mask-image: url('http://i.stack.imgur.com/gZvK4.png'); }

Here is the changed HTML snippet:

   
       

       Sessions
   
​

And here is a working sample of it.