title: How to make a color white using filter property in CSS
body: <p>I have a <code>svg</code> image where I want to change the color of the <code>svg</code> using the css <code>filter</code> property. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    background-color: #dadada;
  }
  
  .custom-1 {
    filter: invert(0.5);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img src="https://image.flaticon.com/icons/svg/62/62945.svg" class="standard" width="50" height="50" alt="img"&gt;
  
  &lt;img src="https://image.flaticon.com/icons/svg/62/62945.svg" class="custom-1" width="50" height="50" alt="img"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can I make the <code>svg</code> image as white color.</p>