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:
Hexagon SVG
Here's a blue hexagon created with SVG:
Interactive SVG Example
This SVG changes color on hover (note that interactivity may not work in all contexts):
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.