pn-design-assets/pn-assets/illustrations/track_and_trace.js

Icons, SCSS, and more for PostNord Graphical Guidelines

const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 80 80"><path fill="#DBF0DF" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40s17.909 40 40 40"/><mask id="track-and-trace_svg__a" width="80" height="80" x="0" y="0" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0a39.8 39.8 0 0 0-17.744 4.141C19.336 5.59 9.462 2.914 7 5c-2.784 2.359 1.915 9.56-.137 12.59A39.8 39.8 0 0 0 0 40c0 22.091 17.909 40 40 40"/></mask><g mask="url(#track-and-trace_svg__a)"><path fill="#0C7BAD" d="M20 24h4v60h-4z"/><mask id="track-and-trace_svg__b" width="100" height="26" x="8" y="5" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M8 5h100v26H8z" clip-rule="evenodd"/></mask><g mask="url(#track-and-trace_svg__b)"><path fill="#F4F4F4" fill-rule="evenodd" d="M105.046 31H10.954A2.95 2.95 0 0 1 8 28.059V7.94A2.95 2.95 0 0 1 10.954 5h94.092A2.947 2.947 0 0 1 108 7.941V28.06A2.947 2.947 0 0 1 105.046 31" clip-rule="evenodd"/></g><path fill="#48BAE4" fill-rule="evenodd" d="M34 31H10.955A2.955 2.955 0 0 1 8 28.046V7.954A2.955 2.955 0 0 1 10.954 5H34z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M42 16h26v-3H42zM42 23h57v-3H42z" clip-rule="evenodd"/><path fill="#0C7BAD" fill-rule="evenodd" d="M21 12v2h-5v-.26l1.13-1.672a.17.17 0 0 1 .14-.068zm-5 3h11v8H16zm1 1v2h3v-2zm8.73-4H22v2h5v-.26l-1.13-1.672a.17.17 0 0 0-.14-.068" clip-rule="evenodd"/><mask id="track-and-trace_svg__c" width="100" height="26" x="8" y="36" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M8 36h100v26H8z" clip-rule="evenodd"/></mask><g mask="url(#track-and-trace_svg__c)"><path fill="#F4F4F4" fill-rule="evenodd" d="M105.046 62H10.954A2.95 2.95 0 0 1 8 59.059V38.94A2.95 2.95 0 0 1 10.954 36h94.092A2.947 2.947 0 0 1 108 38.941V59.06A2.947 2.947 0 0 1 105.046 62" clip-rule="evenodd"/></g><path fill="#48BAE4" fill-rule="evenodd" d="M34 62H10.955A2.955 2.955 0 0 1 8 59.045v-20.09A2.955 2.955 0 0 1 10.954 36H34z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M42 47h26v-3H42zM42 54h57v-3H42z" clip-rule="evenodd"/><path fill="#0C7BAD" fill-rule="evenodd" d="M21 43v2h-5v-.26l1.13-1.672a.17.17 0 0 1 .14-.068zm-5 3h11v8H16zm1 1v2h3v-2zm8.73-4H22v2h5v-.26l-1.13-1.672a.17.17 0 0 0-.14-.068" clip-rule="evenodd"/><mask id="track-and-trace_svg__d" width="100" height="26" x="8" y="67" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M8 67h100v26H8z" clip-rule="evenodd"/></mask><g mask="url(#track-and-trace_svg__d)"><path fill="#F4F4F4" fill-rule="evenodd" d="M105.046 93H10.954A2.95 2.95 0 0 1 8 90.059V69.94A2.95 2.95 0 0 1 10.954 67h94.092A2.947 2.947 0 0 1 108 69.941V90.06A2.947 2.947 0 0 1 105.046 93" clip-rule="evenodd"/></g><path fill="#48BAE4" fill-rule="evenodd" d="M34 93H10.955A2.955 2.955 0 0 1 8 90.046V69.954A2.955 2.955 0 0 1 10.954 67H34z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M42 78h38v-3H42z" clip-rule="evenodd"/><path fill="#0C7BAD" fill-rule="evenodd" d="M21 74v2h-5v-.26l1.13-1.672a.17.17 0 0 1 .14-.068zm-5 3h11v8H16zm1.222 1.23v1.847h2.445V78.23zM25.73 74H22v2h5v-.26l-1.13-1.672a.17.17 0 0 0-.14-.068" clip-rule="evenodd"/></g></svg>';
export const track_and_trace = illustration;
export const trackAndTrace = illustration;