This uses an SVG sprite for the p5 logo, which gives us a lot more control over how to style it via CSS. For example, it allows us to add the same hover effect that the toolbar buttons have, whereby the p5 logo can turn blue when the mouse is over it.
This works on the latest versions of Chrome and Firefox and Edge, but I'm not sure how good the browser support really is, especially since I'm not using any funky tools like SVGInjector to inject the SVG into the page DOM directly.
This uses an SVG sprite for the p5 logo, which gives us a lot more control over how to style it via CSS. For example, it allows us to add the same hover effect that the toolbar buttons have, whereby the p5 logo can turn blue when the mouse is over it.
This works on the latest versions of Chrome and Firefox and Edge, but I'm not sure how good the browser support really is, especially since I'm not using any funky tools like SVGInjector to inject the SVG into the page DOM directly.