pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 3.79 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#newsletter-map-calendar_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#A70707" d="M104 100.142H15V64.151l38.105-37.26a9.364 9.364 0 0 1 13.107.053L104 64.151z"/><g filter="url(#newsletter-map-calendar_svg__b)"><path fill="#fff" d="M95.333 102.837H23.616V24.355A9.34 9.34 0 0 1 32.97 15h53.009a9.34 9.34 0 0 1 9.354 9.355z"/></g><path fill="#F06365" fill-rule="evenodd" d="M68.757 23.787c.355.11.631.34.82.618.43.635.68 1.574.847 2.448.175.923.288 1.961.363 2.92a52 52 0 0 1 .15 3.549v.081h-1.11 1.11v7.033h-1.11 1.11v.082a40 40 0 0 1-.02 1.016 52 52 0 0 1-.13 2.531c-.075.96-.188 1.998-.364 2.92-.166.875-.415 1.814-.846 2.448a1.55 1.55 0 0 1-.82.62 1.6 1.6 0 0 1-.94-.004c-.5-.153-.882-.514-1.113-.88-2.308-3.655-6.358-5.876-10.714-5.876h-.815l.552 2.917c.406 2.138-1.252 4.115-3.45 4.115-1.69 0-3.14-1.19-3.452-2.834l-.799-4.216c-3.332-.243-5.96-2.996-5.96-6.356 0-3.52 2.884-6.373 6.44-6.373h.89c.612 0 1.11.492 1.11 1.1 0 .606-.498 1.098-1.11 1.098h-.89c-2.33 0-4.219 1.87-4.219 4.175 0 2.307 1.89 4.176 4.22 4.176h.444c.534 0 .993.377 1.091.896l.966 5.095a1.29 1.29 0 0 0 1.268 1.041c.808 0 1.418-.726 1.269-1.512l-.8-4.219a1.09 1.09 0 0 1 .237-.904c.211-.252.524-.397.855-.397h2.153c4.822 0 9.323 2.314 12.099 6.17q.078-.3.152-.686c.154-.811.26-1.761.332-2.683a50 50 0 0 0 .143-3.391v-7.171a35 35 0 0 0-.018-.968 50 50 0 0 0-.125-2.424c-.072-.92-.178-1.87-.332-2.683a11 11 0 0 0-.152-.686c-2.635 3.66-6.823 5.931-11.365 6.153v5.952c0 .606-.497 1.098-1.11 1.098s-1.11-.492-1.11-1.099v-7.032c0-.607.496-1.099 1.11-1.099h.376c4.356 0 8.405-2.22 10.714-5.876.231-.366.613-.727 1.114-.88.264-.08.594-.112.939-.003m-.161 2.037-.007.008zm0 22.191-.007-.008zM52.06 30.537c.613 0 1.11.492 1.11 1.1v.008c0 .607-.497 1.099-1.11 1.099s-1.11-.492-1.11-1.099v-.009c0-.607.497-1.099 1.11-1.099m19.32 2.866c0-.607.498-1.099 1.111-1.099 1.438 0 2.584.583 3.352 1.495.746.886 1.09 2.026 1.09 3.12s-.344 2.235-1.09 3.121c-.768.912-1.914 1.495-3.352 1.495-.613 0-1.11-.492-1.11-1.1 0-.606.497-1.098 1.11-1.098.783 0 1.303-.297 1.645-.704.365-.432.576-1.05.576-1.714s-.212-1.281-.576-1.713c-.342-.408-.862-.704-1.645-.704-.613 0-1.11-.492-1.11-1.099" clip-rule="evenodd"/><path fill="#F06365" d="m15 64.15 75.364 55.969H21.66c-3.7 0-6.659-3.013-6.659-6.659z"/><path fill="#FBC2C1" d="m104 64.467-75.47 55.651h68.758c3.7 0 6.712-2.837 6.712-6.484z"/><path fill="#F0F0F0" d="M79.244 60.948h-37.63a1.534 1.534 0 0 1 0-3.065h37.63c.846 0 1.533.687 1.533 1.532 0 .793-.687 1.533-1.533 1.533M79.244 69.372h-37.63a1.534 1.534 0 0 1 0-3.065h37.63c.846 0 1.533.687 1.533 1.532 0 .793-.687 1.533-1.533 1.533M53.03 77.868H41.615a1.534 1.534 0 0 1 0-3.065H53.03c.846 0 1.533.687 1.533 1.532 0 .793-.687 1.533-1.533 1.533"/></g><defs><clipPath id="newsletter-map-calendar_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath><filter id="newsletter-map-calendar_svg__b" width="111.718" height="127.837" x="3.615" y="-1" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/></filter></defs></svg>';
export const newsletter_map_calendar = illustration;
export const newsletterMapCalendar = illustration;