pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 4.42 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="fk_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="fk_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="fk_flag_svg__d" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#1F8BDE"/><stop offset="100%" stop-color="#1075C2"/></linearGradient><linearGradient id="fk_flag_svg__e" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#F0F0F0"/></linearGradient><linearGradient id="fk_flag_svg__g" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#187536"/><stop offset="100%" stop-color="#0E5023"/></linearGradient><linearGradient id="fk_flag_svg__i" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DB1E36"/><stop offset="100%" stop-color="#D51931"/></linearGradient><path id="fk_flag_svg__c" d="M0 3.5V.51C0 .228.215 0 .498 0h4.004C4.777 0 5 .227 5 .51V3.5C5 6 2.5 7 2.5 7S0 6 0 3.5"/><path id="fk_flag_svg__h" 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"/></defs><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path fill="url(#fk_flag_svg__a)" d="M0 0h21v15H0z"/><path fill="url(#fk_flag_svg__b)" d="M0 0h21v15H0z"/><g transform="translate(13 4)"><mask id="fk_flag_svg__f" fill="#fff"><use xlink:href="#fk_flag_svg__c"/></mask><use xlink:href="#fk_flag_svg__c" fill="url(#fk_flag_svg__d)"/><path fill="url(#fk_flag_svg__e)" fill-rule="nonzero" d="M0 3.5V.51C0 .228.215 0 .498 0h4.004C4.777 0 5 .227 5 .51V3.5C5 6 2.5 7 2.5 7S0 6 0 3.5m2.644 2.87c.263-.15.527-.334.772-.554C4.099 5.2 4.5 4.439 4.5 3.5V.51C4.5.5.499.5.499.5l.001 3c0 .939.401 1.701 1.084 2.316a4.4 4.4 0 0 0 .916.632q.065-.033.144-.078" mask="url(#fk_flag_svg__f)"/><path fill="url(#fk_flag_svg__g)" d="M1.158 3.475C1.071 3.212 1.216 3 1.495 3h2.01c.273 0 .425.209.337.475l-.184.55c-.087.263-.295.306-.524.133 0 0 .088-.158-.634-.158s-.634.158-.634.158c-.202.189-.436.133-.524-.133z" mask="url(#fk_flag_svg__f)"/><path fill="url(#fk_flag_svg__a)" d="M1.5 3c.27.054.59-.5 1-.5.437 0 .726.567 1 .5.246-.06.5-.739.5-1 0-.552-.672-1-1.5-1S1 1.448 1 2c0 .28.223.945.5 1" mask="url(#fk_flag_svg__f)"/><path fill="url(#fk_flag_svg__a)" fill-rule="nonzero" d="m-.323 6.177.35-.35.3-.3a.244.244 0 0 1 .346 0l.3.3a.746.746 0 0 0 1.054 0l.3-.3a.244.244 0 0 1 .346 0l.3.3a.746.746 0 0 0 1.054 0l.3-.3a.244.244 0 0 1 .346 0l.3.3.177.177.354-.354-.177-.177-.3-.3a.744.744 0 0 0-1.054 0l-.3.3a.244.244 0 0 1-.346 0l-.3-.3a.744.744 0 0 0-1.054 0l-.3.3a.244.244 0 0 1-.346 0l-.3-.3a.744.744 0 0 0-1.054 0l-.3.3-.35.35L-.854 6l.354.354zm0-1.5.35-.35.3-.3a.244.244 0 0 1 .346 0l.3.3a.746.746 0 0 0 1.054 0l.3-.3a.244.244 0 0 1 .346 0l.3.3a.746.746 0 0 0 1.054 0l.3-.3a.244.244 0 0 1 .346 0l.3.3.177.177.354-.354-.177-.177-.3-.3a.744.744 0 0 0-1.054 0l-.3.3a.244.244 0 0 1-.346 0l-.3-.3a.744.744 0 0 0-1.054 0l-.3.3a.244.244 0 0 1-.346 0l-.3-.3a.744.744 0 0 0-1.054 0l-.3.3-.35.35-.177.177.354.354zm0 3 .35-.35.3-.3a.244.244 0 0 1 .346 0l.3.3a.746.746 0 0 0 1.054 0l.3-.3a.244.244 0 0 1 .346 0l.3.3a.746.746 0 0 0 1.054 0l.3-.3a.244.244 0 0 1 .346 0l.3.3.177.177.354-.354-.177-.177-.3-.3a.744.744 0 0 0-1.054 0l-.3.3a.244.244 0 0 1-.346 0l-.3-.3a.744.744 0 0 0-1.054 0l-.3.3a.244.244 0 0 1-.346 0l-.3-.3a.744.744 0 0 0-1.054 0l-.3.3-.35.35-.177.177.354.354z" mask="url(#fk_flag_svg__f)"/></g><use xlink:href="#fk_flag_svg__h" fill="url(#fk_flag_svg__i)" fill-rule="evenodd"/><path stroke="#FFF" stroke-width=".5" d="M3.25 3.115-.676-.25H.5l.145.047L4.08 2.25h.848L9.25-.451V.25c0 .222-.128.47-.313.602L5.75 3.13v.756L8.975 6.65c.282.242.138.601-.225.601-.193 0-.442-.08-.604-.195L4.92 4.75h-.848L-.25 7.451v-1.08l3.5-2.5z"/><path fill="url(#fk_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(#fk_flag_svg__i)" d="M0 3h4V0h1v3h4v1H5v3H4V4H0z"/></g></svg>';
export const fk_flag = flag;
export const fkFlag = flag;