Switch layer-icon to pure SVGs

[morgan-sam]

Description

Converted layer-icon.js inline SVGs to SVG files

Related Issues

Fixes #25346

[tesseralis]

Instead of passing these fills/stroke props down, you can instead use currentColor.

[morgan-sam]

I removed the props and added currentColor references in the SVGs.

[tesseralis]

This doesn't properly add the color to the icons (the "Content" section should be orange):

You need to change LayerModel to specify the color:

        <span sx={{ height: 40, color: selected ? colors[baseColor][70] : colors.grey[50] }}>
          <LayerIcon name={icon} />
        </span>

[tesseralis]

lgtm

[gatsbot]

Holy buckets, @morgan-sam — we just merged your PR to Gatsby! 💪💜

Gatsby is built by awesome people like you. Let us say “thanks” in two ways:

1. We’d like to send you some Gatsby swag. As a token of our appreciation, you can go to the Gatsby Swag Store and log in with your GitHub account to get a coupon code good for one free piece of swag. We’ve got Gatsby t-shirts, stickers, hats, scrunchies, and much more. (You can also unlock even more free swag with 5 contributions — wink wink nudge nudge.) See gatsby.dev/swag for details.
2. We just invited you to join the Gatsby organization on GitHub. This will add you to our team of maintainers. Accept the invite by visiting https://github.com/orgs/gatsbyjs/invitation. By joining the team, you’ll be able to label issues, review pull requests, and merge approved pull requests.

If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’.

Thanks again!