pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 2.38 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="ms_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="ms_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="ms_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="ms_flag_svg__e" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#08B9D6"/><stop offset="100%" stop-color="#00A3BE"/></linearGradient><linearGradient id="ms_flag_svg__g" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#262626"/><stop offset="100%" stop-color="#0D0D0D"/></linearGradient><path id="ms_flag_svg__d" d="M0 3.5V1c0-.553.444-1 1-1h3c.552 0 1 .441 1 1v2.5C5 6 2.5 7 2.5 7S0 6 0 3.5"/></defs><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path fill="url(#ms_flag_svg__a)" d="M0 0h21v15H0z"/><path fill="url(#ms_flag_svg__b)" d="M0 0h21v15H0z"/><path fill="url(#ms_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(#ms_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(#ms_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(#ms_flag_svg__c)" d="M0 3h4V0h1v3h4v1H5v3H4V4H0z"/><g transform="translate(13 4)"><mask id="ms_flag_svg__f" fill="#fff"><use xlink:href="#ms_flag_svg__d"/></mask><use xlink:href="#ms_flag_svg__d" fill="url(#ms_flag_svg__e)"/><path fill="#A63D09" d="M0 5h5v2H0z" mask="url(#ms_flag_svg__f)"/><path fill="url(#ms_flag_svg__g)" d="M3 2V1H2v1H1v1h1v2h1V3h1V2z" mask="url(#ms_flag_svg__f)"/></g></g></svg>';
export const ms_flag = flag;
export const msFlag = flag;