pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 3.54 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><linearGradient id="pm_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="pm_flag_svg__b" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#138E16"/><stop offset="100%" stop-color="#0F7F12"/></linearGradient><linearGradient id="pm_flag_svg__c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#26A7DC"/><stop offset="100%" stop-color="#1B94C6"/></linearGradient><linearGradient id="pm_flag_svg__d" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FBCD3F"/><stop offset="100%" stop-color="#FFCE2F"/></linearGradient><linearGradient id="pm_flag_svg__f" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F03633"/><stop offset="100%" stop-color="#D82A28"/></linearGradient><linearGradient id="pm_flag_svg__g" x1="82.842%" x2="20.426%" y1="18.137%" y2="78.479%"><stop offset="0%" stop-color="#2AA854"/><stop offset="100%" stop-color="#219447"/></linearGradient><linearGradient id="pm_flag_svg__i" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#262626"/><stop offset="100%" stop-color="#0D0D0D"/></linearGradient><linearGradient id="pm_flag_svg__j" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D7181D"/><stop offset="100%" stop-color="#C60E13"/></linearGradient><linearGradient id="pm_flag_svg__k" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FBCD3F"/><stop offset="100%" stop-color="#FECB2F"/></linearGradient><path id="pm_flag_svg__e" d="M0 0h7v5H0z"/></defs><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path fill="url(#pm_flag_svg__a)" d="M0 0h21v15H0z"/><path fill="url(#pm_flag_svg__b)" d="M0 10h21v5H0z"/><path fill="url(#pm_flag_svg__c)" d="M0 15h21V0H0z"/><path fill="url(#pm_flag_svg__d)" d="M17.326 6.429C18.353 6.176 19 6.109 19 7c0 1.657-2.239 3-5 3S9 8.657 9 7c0-.89.647-.824 1.674-.571a4 4 0 0 1-.161-.563c-.287-1.35.137-2.584.947-2.757.81-.172 1.7.783 1.987 2.134.136.636.113 1.247-.034 1.733a7.4 7.4 0 0 0 1.174 0c-.147-.486-.17-1.097-.034-1.733.287-1.35 1.176-2.306 1.987-2.134.81.173 1.234 1.407.947 2.757a4 4 0 0 1-.161.563"/><path fill="url(#pm_flag_svg__a)" fill-rule="nonzero" d="M15.776 12.947a.5.5 0 0 0 .448 0l2-1a.5.5 0 0 0-.448-.894L16 11.94l-1.776-.888a.5.5 0 0 0-.448 0L12 11.94l-1.776-.888a.5.5 0 0 0-.448.894l2 1a.5.5 0 0 0 .448 0L14 12.06l1.776.888Z"/><mask id="pm_flag_svg__h" fill="#fff"><use xlink:href="#pm_flag_svg__e"/></mask><use xlink:href="#pm_flag_svg__e" fill="url(#pm_flag_svg__f)"/><path fill="url(#pm_flag_svg__g)" d="M4 2v-4H3v4h-4v1h4v4h1V3h4V2z" mask="url(#pm_flag_svg__h)" transform="rotate(-45 3.5 2.5)"/><path fill="url(#pm_flag_svg__a)" d="M4 2v-3H3v3H0v1h3v3h1V3h3V2z" mask="url(#pm_flag_svg__h)"/><path fill="url(#pm_flag_svg__a)" d="M0 5h7v5H0z"/><path fill="url(#pm_flag_svg__i)" d="M1.5 7a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m-1 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m-2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1"/><path fill="url(#pm_flag_svg__j)" d="M0 10h7v5H0z"/><path fill="url(#pm_flag_svg__k)" d="M3.5 12c-1.38 0-2.5-.224-2.5-.5s1.12-.5 2.5-.5 2.5.224 2.5.5-1.12.5-2.5.5m0 2c-1.38 0-2.5-.224-2.5-.5s1.12-.5 2.5-.5 2.5.224 2.5.5-1.12.5-2.5.5"/></g></svg>';
export const pm_flag = flag;
export const pmFlag = flag;