title: Inverted mask swiftui with system image
body: <p>I am trying to cut out a sf symbol from a circle shape in swiftUI.</p>
  
  <p>I currently have the following code:</p>
  
  <pre><code>Circle()
     .fill(Color.white)
     .frame(width: 50, height: 50)
     .mask(
         Image(systemName: "play.fill")
             .font(.system(size: 24))
             .foregroundColor(Color.black)
             .frame(width: 50, height: 50)
     )
  </code></pre>
  
  <p>Which generates:</p>
  
  <p><a href="https://i.stack.imgur.com/TGDG3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TGDG3.png" alt="enter image description here"></a></p>
  
  <p>However, what I want is to invert the effect of the mask: The symbol is cut out of the circle as in the image below:</p>
  
  <p><a href="https://i.stack.imgur.com/Fo52Q.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Fo52Q.png" alt="enter image description here"></a></p>
  
  <p>Note that the actual background is not red as in the image but will be a user uploaded image, so setting the symbol foregroundColor to red is not possible.</p>
  
  <p>Is there any way to invert the mask of the symbol/image such that the circle has a hole in it with the shape of the image?</p>