Source code
Revision control
Copy as Markdown
Other Tools
SVG Preview (Scaled)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- This SVG file has the default preserveAspectRatio (xMidyMid meet).
If it's rendered via e.g. a square <img> element with 'object-fit: fill',
the SVG will receive the <img>'s full content-box to use as its viewport.
But, importantly, its viewBox-region should NOT be stretched/squashed to
fill this viewport; instead, the viewBox will scale *proportionally* until
it *just* fits inside the viewport (the <img>), without overflowing, and
it'll be centered inside the viewport in whichever dimension has extra
space available. (This is what "xMidYMid meet" requires.)
-->
width="8" height="16" viewBox="0 0 8 16">
<rect x="0" y="0" width="4px" height="8px" style="fill: blue"/>
<rect x="4" y="0" width="4px" height="8px" style="fill: black"/>
<rect x="0" y="8" width="4px" height="8px" style="fill: rgb(255,128,128)"/>
<rect x="4" y="8" width="4px" height="8px" style="fill: lime"/>
</svg>