pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 5.62 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="gs_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="gs_flag_svg__b" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#07319C"/><stop offset="100%" stop-color="#00247E"/></linearGradient><linearGradient id="gs_flag_svg__c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DB1E36"/><stop offset="100%" stop-color="#D51931"/></linearGradient><linearGradient id="gs_flag_svg__e" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#1E1E1E"/><stop offset="100%" stop-color="#000"/></linearGradient><linearGradient id="gs_flag_svg__h" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#A2ADB0"/><stop offset="100%" stop-color="#8B9497"/></linearGradient><linearGradient id="gs_flag_svg__i" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#4F4F4F"/><stop offset="100%" stop-color="#2B2B2B"/></linearGradient><linearGradient id="gs_flag_svg__k" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FEC241"/><stop offset="100%" stop-color="#FEBB2C"/></linearGradient><linearGradient id="gs_flag_svg__l" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#A84B14"/><stop offset="100%" stop-color="#913F0E"/></linearGradient><linearGradient id="gs_flag_svg__m" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#CFB063"/><stop offset="100%" stop-color="#BEA157"/></linearGradient><linearGradient id="gs_flag_svg__n" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2D42FF"/><stop offset="100%" stop-color="#0B24FC"/></linearGradient><linearGradient id="gs_flag_svg__o" x1="0%" x2="100%" y1="0%" y2="50%"><stop offset="0%" stop-color="#E3DC3D"/><stop offset="100%" stop-color="#CFC82A"/></linearGradient><linearGradient id="gs_flag_svg__p" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#7F7D7D"/><stop offset="100%" stop-color="#656263"/></linearGradient><linearGradient id="gs_flag_svg__s" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#0F8012"/><stop offset="100%" stop-color="#0B6A0D"/></linearGradient><linearGradient id="gs_flag_svg__t" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFCF44"/><stop offset="100%" stop-color="#FCC72E"/></linearGradient><ellipse id="gs_flag_svg__d" cx=".5" cy="1.5" rx="1" ry="1.5"/><ellipse id="gs_flag_svg__g" cx=".5" cy="1.5" rx="1" ry="1.5"/><path id="gs_flag_svg__q" d="M.007.506A.49.49 0 0 1 .495 0h2.01c.273 0 .498.23.502.506L3.03 2.25a.52.52 0 0 1-.207.388l-1.095.722a.41.41 0 0 1-.417 0L.24 2.639a.53.53 0 0 1-.21-.388z"/></defs><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path fill="url(#gs_flag_svg__a)" d="M0 0h21v15H0z"/><path fill="url(#gs_flag_svg__b)" d="M0 0h21v15H0z"/><path fill="url(#gs_flag_svg__a)" fill-rule="nonzero" d="M3 3.23-1.352-.5H.66L4.16 2h.697L9.5-.902V.25c0 .303-.167.627-.418.806L6 3.257v.513l3.137 2.69c.462.395.204 1.04-.387 1.04-.245 0-.545-.096-.75-.242L4.84 5h-.697L-.5 7.902v-1.66l3.5-2.5z"/><path fill="url(#gs_flag_svg__c)" d="M3.5 3 0 0h.5L4 2.5h1L9 0v.25a.54.54 0 0 1-.208.399L5.5 3v1l3.312 2.839c.104.089.072.161-.062.161a.9.9 0 0 1-.458-.149L5 4.5H4L0 7v-.5L3.5 4z"/><path fill="url(#gs_flag_svg__a)" d="M0 2.5v2h3.5v2.505c0 .273.214.495.505.495h.99a.496.496 0 0 0 .505-.495V4.5h3.51a.49.49 0 0 0 .49-.505v-.99a.495.495 0 0 0-.49-.505H5.5V0h-2v2.5z"/><path fill="url(#gs_flag_svg__c)" d="M0 3h4V0h1v3h4v1H5v3H4V4H0z"/><g transform="translate(18 8)"><mask id="gs_flag_svg__f" fill="#fff"><use xlink:href="#gs_flag_svg__d"/></mask><use xlink:href="#gs_flag_svg__d" fill="url(#gs_flag_svg__e)"/><ellipse cx="0" cy="2" fill="url(#gs_flag_svg__a)" mask="url(#gs_flag_svg__f)" rx="1" ry="1.5"/></g><g transform="translate(14 8)"><mask id="gs_flag_svg__j" fill="#fff"><use xlink:href="#gs_flag_svg__g"/></mask><use xlink:href="#gs_flag_svg__g" fill="url(#gs_flag_svg__h)"/><ellipse cx="1" cy="2" fill="url(#gs_flag_svg__i)" mask="url(#gs_flag_svg__j)" rx="1" ry="1.5"/></g><path fill="url(#gs_flag_svg__k)" d="M16.5 12.5c.828.5 1.5.276 1.5 0s-.672-.5-1.5-.5-1.5.224-1.5.5.672.5 1.5 0"/><circle cx="18.5" cy="5.5" r="1" fill="url(#gs_flag_svg__a)"/><circle cx="16.5" cy="4.5" r="1" fill="url(#gs_flag_svg__l)"/><circle cx="16.5" cy="3.75" r="1" fill="url(#gs_flag_svg__m)"/><circle cx="16.5" cy="11.5" r="1" fill="url(#gs_flag_svg__a)"/><circle cx="14.5" cy="5.5" r="1" fill="url(#gs_flag_svg__a)"/><circle cx="15" cy="6.5" r="1" fill="url(#gs_flag_svg__n)"/><circle cx="18" cy="6.5" r="1" fill="url(#gs_flag_svg__n)"/><circle cx="19" cy="8" r="1" fill="url(#gs_flag_svg__o)"/><path fill="url(#gs_flag_svg__p)" d="m16 7.5-.5.5h2l-.5-.5.5-1.5s-.448-1-1-1-1 1-1 1z"/><path fill="#5D0543" d="M16.5 6.5s.5-.112.5-.38c0-.008-.5-.12-.5-.12s-.5.112-.5.12c0 .268.5.38.5.38"/><g transform="translate(15 8)"><mask id="gs_flag_svg__r" fill="#fff"><use xlink:href="#gs_flag_svg__q"/></mask><use xlink:href="#gs_flag_svg__q" fill="url(#gs_flag_svg__a)"/><circle cx="2.5" cy="2.5" r="1" fill="#225DA4" mask="url(#gs_flag_svg__r)"/><circle cx=".5" cy="1.5" r="1" fill="#225DA4" mask="url(#gs_flag_svg__r)"/><path fill="url(#gs_flag_svg__s)" d="M0 0h3L1.5 3z" mask="url(#gs_flag_svg__r)"/><circle cx="1.5" cy="1.5" r="1" fill="url(#gs_flag_svg__t)" mask="url(#gs_flag_svg__r)"/></g></g></svg>';
export const gs_flag = flag;
export const gsFlag = flag;