title: Using CSS to give a black icon another color
body: <p>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</p>
  
  <p>Here's my back.css file:</p>
  
  <pre><code>.dashboard-buttons a {
      width: 80px; 
      height: 80px; 
      border: 1px solid #ccc; 
      margin: 0px 5px; 
      display:inline-block;
      border-radius: 10px;
      background:white; 
      text-decoration:none;
     -moz-box-shadow: inset 0 0 15px rgba(0,0,0, 0.25);
     -webkit-box-shadow: inset 0 0 15px rgba(0,0,0, 0.25);
  }
  .dashboard-buttons a:hover {
      text-decoration:underline;
  }
  .dashboard-buttons span, 
  .dashboard-buttons img {
      display:inline; 
      font-size: 12px; 
      font-weight:bold;
  }
  
  .dashboard-buttons .sessions img { 
      background-color:#C60; 
  }
  .dashboard-buttons .sessions img {
      -webkit-mask-image:url(mobile/images/calendar2.png)
  }
  </code></pre>
  
  <p>And the html code looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" href="back.css" /&gt;
           &lt;title&gt;West&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="dashboard-buttons"&gt;
              &lt;a href="sessions.php" class="sessions"&gt;
                  &lt;img src="mobile/images/calendar2.png"&gt;
                  &lt;span&gt;Sessions&lt;/span&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But it's not working in my chrome browser.  Am i missing something?</p>
  
  <p><strong>Additional notes</strong>  I only need to support modern webkit browsers.  Don't need to worry about IE or anything else.</p>
  
  <p>I posted my code here <a href="http://jsfiddle.net/ZnbF3/" rel="nofollow noreferrer">http://jsfiddle.net/ZnbF3/</a> .  First time using jsfiddle, hopefully it's working? If not, just copy the html file and css file i already posted above.  I have the calendar2.png attached to this question.</p>
  
  <p><img src="https://i.stack.imgur.com/gZvK4.png" alt="enter image description here"></p>