Green and white flag
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 240 180">
<path fill="#00965e" d="M0,0H60V180H120V0H180V180H240V135H0V90H240V45H0V0"/>
<path fill="#f5f5f5" d="M240,0H180V180H120V0H60V180H0V45H240V90H0V135H240V0"/>
<path fill="none" stroke="#000" stroke-width="1" d="M0.5,0.5H239.5V179.5H0.5Z"/>
</svg>SVG markup.
<svg viewBox="0 0 240 180">
<path fill="#00965e" d="M0,0H60V180H120V0H180V180H240V135H0V90H240V45H0V0"/>
<path fill="#f5f5f5" d="M240,0H180V180H120V0H60V180H0V45H240V90H0V135H240V0"/>
</svg>SVG markup.
<svg viewBox="0 0 180 180">
<path fill="#00965e" d="M0,0H45V180H90V0H135V180H180V135H0V90H180V45H0V0"/>
<path fill="#f5f5f5" d="M180,0H135V180H90V0H45V180H0V45H180V90H0V135H180V0"/>
<path fill="none" stroke="#000" stroke-width="1" d="M0.5,0.5H179.5V179.5H0.5Z"/>
</svg>SVG markup.
<svg viewBox="0 0 180 180">
<path fill="#00965e" d="M0,0H45V180H90V0H135V180H180V135H0V90H180V45H0V0"/>
<path fill="#f5f5f5" d="M180,0H135V180H90V0H45V180H0V45H180V90H0V135H180V0"/>
</svg>SVG markup.
<svg viewBox="0 0 180 180">
<path fill="#0f0" d="M0,0H45V180H90V0H135V180H180V135H0V90H180V45H0V0"/>
<path fill="#fff" d="M180,0H135V180H90V0H45V180H0V45H180V90H0V135H180V0"/>
</svg>