pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 2.96 kB
JavaScript
const flag = '<svg class="pn-icon-flag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 21 15"><defs><ellipse id="tm_flag_svg__d" cx="1.5" cy="1" rx="1.5" ry="1"/><ellipse id="tm_flag_svg__f" cx="1.5" cy="1" rx="1.5" ry="1"/><ellipse id="tm_flag_svg__h" cx="1.5" cy="1" rx="1.5" ry="1"/><ellipse id="tm_flag_svg__j" cx="1.5" cy=".5" rx="1.5" ry="1"/><ellipse id="tm_flag_svg__k" cx="1.5" cy="1" rx="1.5" ry="1"/><linearGradient id="tm_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="tm_flag_svg__b" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#30C375"/><stop offset="100%" stop-color="#28AE67"/></linearGradient><linearGradient id="tm_flag_svg__c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DE414F"/><stop offset="100%" stop-color="#CA3745"/></linearGradient></defs><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path fill="url(#tm_flag_svg__a)" d="M0 0h21v15H0z"/><path fill="url(#tm_flag_svg__b)" d="M0 0h21v15H0z"/><path fill="url(#tm_flag_svg__c)" d="M3 0h3v15H3z"/><g transform="translate(3 1)"><mask id="tm_flag_svg__e" fill="#fff"><use xlink:href="#tm_flag_svg__d"/></mask><use xlink:href="#tm_flag_svg__d" fill="#FFF"/><circle cx="1.5" cy="1" r="1" fill="#DD404F" mask="url(#tm_flag_svg__e)"/><path fill="#FBAF29" d="M0 0h1.5v1H0zm1.5 1H3v1H1.5z" mask="url(#tm_flag_svg__e)"/></g><g transform="translate(3 12)"><mask id="tm_flag_svg__g" fill="#fff"><use xlink:href="#tm_flag_svg__f"/></mask><use xlink:href="#tm_flag_svg__f" fill="#FFF"/><circle cx="1.5" cy="1" r="1" fill="#DD404F" mask="url(#tm_flag_svg__g)"/><path fill="#FBAF29" d="M0 0h1.5v1H0zm1.5 1H3v1H1.5z" mask="url(#tm_flag_svg__g)"/></g><g transform="translate(3 7)"><mask id="tm_flag_svg__i" fill="#fff"><use xlink:href="#tm_flag_svg__h"/></mask><use xlink:href="#tm_flag_svg__h" fill="#28AE67"/><circle cx="1.5" cy="1" r="1" fill="#DD404F" mask="url(#tm_flag_svg__i)"/></g><use xlink:href="#tm_flag_svg__j" fill="#28AE67" transform="translate(3 10)"/><g transform="translate(3 4)"><mask id="tm_flag_svg__l" fill="#fff"><use xlink:href="#tm_flag_svg__k"/></mask><use xlink:href="#tm_flag_svg__k" fill="#FBAF29"/><circle cx="1.5" cy="1" r="1" fill="#DD404F" mask="url(#tm_flag_svg__l)"/><path fill="#28AE67" d="M0 0h1v2H0zm2 0h1v2H2z" mask="url(#tm_flag_svg__l)"/></g><path fill="url(#tm_flag_svg__a)" d="M11.117 3.179a.5.5 0 1 0 .766.642.5.5 0 0 0-.766-.642M9.821 5.117a.5.5 0 1 0-.642.766.5.5 0 0 0 .642-.766m-1-1a.5.5 0 1 0-.642.766.5.5 0 0 0 .642-.766m2-2a.5.5 0 1 0-.642.766.5.5 0 0 0 .642-.766m-.5 1.5a.5.5 0 1 0-.642.766.5.5 0 0 0 .642-.766"/><path fill="url(#tm_flag_svg__a)" d="M13.107 7.088a3.05 3.05 0 0 1-4.626-.366 3.05 3.05 0 0 0 4.26-4.26 3.05 3.05 0 0 1 .366 4.626"/></g></svg>';
export const tm_flag = flag;
export const tmFlag = flag;