title: SwiftUI changing the color of clear part inside of SF Symbol
body: <p>I am trying to change the color of clear(transparent) part inside of a <code>SF Symbol</code> called <code>delete.left.fill</code>. So far I've tried is as follows</p>
  
  <pre><code>Button(action: { return }, label: {
                          Image(systemName: "delete.left.fill")
                              .background(Color.black)
                              //.accentColor(.black)
                              .font(.system(size: self.fontSize*0.75))
                      })
                          .frame(width: self.width, height: self.width)
                          .foregroundColor(.lightGray)
                          //.background(Color.black)
  </code></pre>
  
  <p>When I run the code as above, the result is like </p>
  
  <p><a href="https://i.ibb.co/1JPxPDS/Screen-Shot-2020-02-01-at-03-27-30.png" rel="noreferrer"><img src="https://i.ibb.co/1JPxPDS/Screen-Shot-2020-02-01-at-03-27-30.png" alt="symbol"></a>. </p>
  
  <p>At first, the <code>x</code>inside of the symbol was the same color as background. I want it to make black. </p>
  
  <ol>
  <li>I tried to set the <code>backgroundColor</code> of the <code>Button</code> and it made
  whole <code>Button</code> black. </li>
  <li>I tried to set <code>accentColor</code> of the <code>Image</code> to
  black. Nothing changed. </li>
  <li>I tried to set <code>backgroundColor</code> of the
  <code>Image</code> to black. The result can be seen in the image.</li>
  </ol>
  
  <p>The question is, is there a way to make just that <code>x</code>, inside the <code>symbol</code>, black programmatically? </p>