Manually optimize SVGs

[MartijnCuppens]

• Removal redundant fill, clip-rule & fill-rule attributes.
• Removal redundant groups
• Removal redundant clip paths
• Removal redundant path. The letter B was rendered twice, causing the edges to become a little crispy.
• Shorter filter & fill names

Before:

• https://v5.getbootstrap.com/docs/5.0/assets/brand/bootstrap-logo.svg
• https://v5.getbootstrap.com/docs/5.0/assets/brand/bootstrap-logo-white.svg
• https://v5.getbootstrap.com/docs/5.0/assets/brand/bootstrap-logo-black.svg

After:

• https://deploy-preview-32187--twbs-bootstrap.netlify.app/docs/5.0/assets/brand/bootstrap-logo.svg
• https://deploy-preview-32187--twbs-bootstrap.netlify.app/docs/5.0/assets/brand/bootstrap-logo-white.svg
• https://deploy-preview-32187--twbs-bootstrap.netlify.app/docs/5.0/assets/brand/bootstrap-logo-black.svg

[ffoodd]

Nice catch 👍

[XhmikosR]

Can you maybe change any IDs to be more specific? Usually it's not an issue, but I'm not sure if it's OK when including multiple SVGs and we end up with the same IDs. If it doesn't change anything, just ignore this comment :)

PS. I'd like @mdo's approval just so that we are safe since he created these in the first place.

[XhmikosR]

BTW after this lands, we need to update any icons in the blog and the icons repo.

[mdo]

The after doesn't look right to me on latest iOS.

[MartijnCuppens]

Pushed the fix for iOS:

[mdo]

Ah, I see what's changed now. The extra B was intentional to give it a 1px white stroke, while the rest of the B had a gradient. Just an extra bit of styling. Thoughts on keeping/cutting?

[MartijnCuppens]

The extra B was intentional to give it a 1px white stroke

I've just added the stroke, it's barely visible, but I can see it a little bit on 2x zoom:

[XhmikosR]

@MartijnCuppens feel free to merge when squashing; not sure what the commit message should be after your changes :)