Numeral 1
Select the design variant below to show the flag and its SVG code. Click on
any image on this page to download the image, or copy and paste the SVG code
into a document.
Select variant
SVG markup.
<svg viewBox="0 0 540 180">
<path fill="#f5f5f5" d="M0,0L540,60V120L0,180ZM135,45A45,45 0 0 0 90,90A45,45 0 1 0 135,45"/>
<circle fill="#c8102e" cx="135" cy="90" r="45"/>
<path fill="none" stroke="#000" stroke-width="1" d="M0.5,0.5L539.5,60.5V119.5L0.5,179.5Z"/>
</svg>SVG markup.
<svg viewBox="0 0 540 180">
<path fill="#f5f5f5" d="M0,0L540,60V120L0,180ZM135,45A45,45 0 0 0 90,90A45,45 0 1 0 135,45"/>
<circle fill="#c8102e" cx="135" cy="90" r="45"/>
</svg>SVG markup.
<svg viewBox="0 0 360 180">
<path fill="#f5f5f5" d="M0,0L360,60V120L0,180ZM135,45A45,45 0 0 0 90,90A45,45 0 1 0 135,45"/>
<circle fill="#c8102e" cx="135" cy="90" r="45"/>
<path fill="none" stroke="#000" stroke-width="1" d="M0.5,0.5L359.5,60.5V119.5L0.5,179.5Z"/>
</svg>SVG markup.
<svg viewBox="0 0 360 180">
<path fill="#f5f5f5" d="M0,0L360,60V120L0,180ZM135,45A45,45 0 0 0 90,90A45,45 0 1 0 135,45"/>
<circle fill="#c8102e" cx="135" cy="90" r="45"/>
</svg>SVG markup.
<svg viewBox="0 0 360 180">
<path fill="#fff" d="M0,0L360,60V120L0,180ZM135,45A45,45 0 0 0 90,90A45,45 0 1 0 135,45"/>
<circle fill="#f00" cx="135" cy="90" r="45"/>
</svg>