title: Radial gradient SwiftUI using SVG file input
body: <p>How can I add radial gradient in SwiftUI using provided SVG file?</p>
  <p>All I have got is below SVG file which has gradient inforamtion:</p>
  <pre><code>&lt;defs&gt;
  
  &lt;clipPath id&gt;
    &lt;path d=&quot;M1890, 0 L1890, 888 L0, 888 L0, 0L1890, 0 Z&quot; /&gt;
  &lt;/clipPath&gt;
  
  &lt;radialGradient id: &quot;grad1&quot; cx = &quot;0px&quot; cy = &quot;0px&quot; r = &quot;1000px&quot; gradientTransform = &quot;scale(1.0.0.56)&quot; gradientUnits=&quot;userSpaceOnUse&quot;&gt;
    &lt;stop stop-color = &quot;rgba(0,0,0,0.6)&quot; offset=&quot;0%&quot; /&gt;
    &lt;stop stop-color = &quot;rgba(0,0,0,0)&quot; offset=&quot;100%&quot; /&gt;
  &lt;/radialGradient&gt;
  
  &lt;clipPath id&gt;
    &lt;path d=&quot;0, 0 1890, 0 1890, 888 0, 888 0, 0&quot; /&gt;
  &lt;/clipPath&gt;
  &lt;/defs&gt;
  </code></pre>
  <p>My SwiftUI code has image which needs above gradient:</p>
  <pre><code>   Image(room.thumbnailImage)
      .resizable()
      .frame(maxWidth: 400, maxHeight: 140.0)
  </code></pre>