title: How would you make Icons like in the Settings App (SwiftUI)
body: <p>How could you achieve Icons like that?
  <a href="https://i.stack.imgur.com/aH3jR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aH3jR.png" alt="Image from the Settings App" /></a></p>
  <p>I know that the base is this:</p>
  <pre><code>Image(systemName: &quot;person.fill&quot;)
  </code></pre>
  <p>And than you could give it a background-Color:</p>
  <pre><code>Image(systemName: &quot;person.fill&quot;)
              .background(Color.blue)
  </code></pre>
  <p>To get rounded corners you could just add cornerRadius:</p>
  <pre><code>Image(systemName: &quot;person.fill&quot;)
              .background(Color.blue)
              .cornerRadius(5)
  </code></pre>
  <p>But how would you make it that each of the items is in a square box with the same size?
  Because SF Symbols don't have the same size.</p>
  <p>And I don't want to make this:</p>
  <pre><code>Image(systemName: &quot;person.fill&quot;)
              .frame(width: 20, height: 20)
              .background(Color.blue)
              .cornerRadius(5)
  </code></pre>
  <p>The frame modifier would destroy the ability of SF Symbols to match with the preferred Font Size of the User.</p>
  <p>Is there an other solution?</p>
  <p>Or do you think the Settings App is done with <code>.frame()</code>?</p>