SVG icons for teams

[adamwoodnz]

Replace team dashicons with SVGs to fix alignment issues and improve aesthetics.

I see some misalignments that seemed caused by the font and its x baseline. Here are some examples.

Section	Header
Design
Meta
Sustainability

Originally posted by @fcoveram in #2

Huh, that's a curious one indeed. It looks like there's nothing wrong with the CSS, but the globe in question is off-center in the Dashicons font itself.

Honestly it feels like an argument to update these icons to SVGs, and we can offer a consistent upgrade here to teams interested.

Originally posted by @jasmussen in #2

[adamwoodnz]

@WordPress/meta-design are we good to use the icons in the Figma?

[jasmussen]

I want to say yes, but I think there's a larger question that has to be posted in a Make announcement, an offer for the individual teams to update the icon, because those icons are used in additional places including swag and otherwise. So for now I would keep using the existing dashicons here, and then postpone the offer of helping with icon redesigns to a later sprint. What do you think?