Answering Pennant

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="#c8102e" d="M0,0L108,12V168L0,180Z"/>
<path fill="#f5f5f5" d="M108,12L216,24V156L108,168Z"/>
<path fill="#c8102e" d="M216,24L324,36V144L216,156Z"/>
<path fill="#f5f5f5" d="M324,36L432,48V132L324,144Z"/>
<path fill="#c8102e" d="M432,48L540,60V120L432,132Z"/>
<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="#c8102e" d="M0,0L108,12V168L0,180Z"/>
<path fill="#f5f5f5" d="M108,12L216,24V156L108,168Z"/>
<path fill="#c8102e" d="M216,24L324,36V144L216,156Z"/>
<path fill="#f5f5f5" d="M324,36L432,48V132L324,144Z"/>
<path fill="#c8102e" d="M432,48L540,60V120L432,132Z"/>
</svg>

SVG markup.

<svg viewBox="0 0 360 180">
<path fill="#c8102e" d="M0,0L72,12V168L0,180Z"/>
<path fill="#f5f5f5" d="M72,12L144,24V156L72,168Z"/>
<path fill="#c8102e" d="M144,24L216,36V144L144,156Z"/>
<path fill="#f5f5f5" d="M216,36L288,48V132L216,144Z"/>
<path fill="#c8102e" d="M288,48L360,60V120L288,132Z"/>
<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="#c8102e" d="M0,0L72,12V168L0,180Z"/>
<path fill="#f5f5f5" d="M72,12L144,24V156L72,168Z"/>
<path fill="#c8102e" d="M144,24L216,36V144L144,156Z"/>
<path fill="#f5f5f5" d="M216,36L288,48V132L216,144Z"/>
<path fill="#c8102e" d="M288,48L360,60V120L288,132Z"/>
</svg>

SVG markup.

<svg viewBox="0 0 360 180">
<path fill="#f00" d="M0,0L72,12V168L0,180Z"/>
<path fill="#fff" d="M72,12L144,24V156L72,168Z"/>
<path fill="#f00" d="M144,24L216,36V144L144,156Z"/>
<path fill="#fff" d="M216,36L288,48V132L216,144Z"/>
<path fill="#f00" d="M288,48L360,60V120L288,132Z"/>
</svg>