pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 1.7 kB
JavaScript
const flag = '<svg class="pn-icon-flag" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 15"><defs><linearGradient id="za_flag_svg__a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#F0F0F0"/></linearGradient><linearGradient id="za_flag_svg__b" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#06A86E"/><stop offset="100%" stop-color="#007A4E"/></linearGradient><linearGradient id="za_flag_svg__c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFBF2E"/><stop offset="100%" stop-color="#FFB612"/></linearGradient><linearGradient id="za_flag_svg__d" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#262626"/><stop offset="100%" stop-color="#0D0D0D"/></linearGradient><linearGradient id="za_flag_svg__e" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F44E46"/><stop offset="100%" stop-color="#DF3931"/></linearGradient><linearGradient id="za_flag_svg__f" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#072CB4"/><stop offset="100%" stop-color="#042396"/></linearGradient></defs><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path fill="url(#za_flag_svg__a)" d="M0 0h21v15H0z"/><path fill="url(#za_flag_svg__b)" d="M0 0h21v15H0z"/><path fill="url(#za_flag_svg__c)" d="m0 2 7 5.5L0 13z"/><path fill="url(#za_flag_svg__d)" d="M-1 2.25 5.75 7.5-1 12.75z"/><path fill="#FFF" d="M9 6 2 0h19v6z"/><path fill="url(#za_flag_svg__e)" d="m9.25 5-6-5H21v5z"/><path fill="#FFF" d="M2 15h19V9H9z"/><path fill="url(#za_flag_svg__f)" d="M3.25 15H21v-5H9.25z"/></g></svg>';
export const za_flag = flag;
export const zaFlag = flag;