Back to Posts

Demo of Embedded SVGs

1 min read

This article demonstrates how embedded SVG images appear when encoded with base64 and included in Markdown.

Simple Circle SVG

Below is a simple red circle created with SVG:

Red Circle

Hexagon SVG

Here's a blue hexagon created with SVG:

Blue Hexagon

Interactive SVG Example

This SVG changes color on hover (note that interactivity may not work in all contexts):

Interactive SVG

Conclusion

The examples above demonstrate how SVG images can be embedded directly into Markdown using base64 encoding. This approach allows for vector graphics to be included without requiring external image files.

Testing these embedded SVGs helps us understand how our website handles this type of content and whether the SVGs render correctly across different devices and browsers.