pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
3 lines (2 loc) • 5.67 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 80 80"><mask id="modtagerflex_svg__a" width="80" height="80" x="0" y="0" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#CDEEFB" d="M80 40c0 22.091-17.908 40-40 40S0 62.091 0 40 17.909 0 40 0s40 17.909 40 40"/></mask><g mask="url(#modtagerflex_svg__a)"><path fill="#CDEEFB" d="M80 40c0 22.091-17.908 40-40 40S0 62.091 0 40 17.909 0 40 0s40 17.909 40 40"/><path fill="#17AC39" fill-rule="evenodd" d="M35.393 51.874c2.274-8.503-.468-17.526-.468-17.526-4.404-12.413-14.97-13.356-14.97-13.356-9.499-.939-11.412 6.007-11.412 6.007-.353 1.953-.383 4.855 2.33 7.883s7.609 4.852 10.502 7.75c2.892 2.9 4.633 5.3 5.864 12.2.89 4.993 1.028 9.459 1.037 11.554-2.082-7.867-6.316-14.069-10.933-15.251-5.43-1.39-9.108.475-10.429 4.402-1.32 3.925 1.33 6.9 2.994 7.019 1.614.116 2.674-.266 3.408-.617 1.659-.791 3.568-.93 5.234-.156.998.463 2.187 1.183 3.58 2.278 5.388 4.24 5.457 13.894 5.457 13.894l4.04 2.468-1.18-4.966 5.45 1.964c-1.957-12.034-.504-25.547-.504-25.547" clip-rule="evenodd"/><path fill="#48BAE4" fill-rule="evenodd" d="M120.229 93.637H29.967V-34.4l90.262 50.71z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M41.223 54.027h23.296V24.823H41.223zm-4.265 4.681h31.827V20.702H36.958z" clip-rule="evenodd"/><path fill="#0C7BAD" fill-rule="evenodd" d="M41.223 54.027h23.296V24.823H41.223z" clip-rule="evenodd" opacity=".5"/><path fill="#0C7BAD" fill-rule="evenodd" d="M41.223 29.62h23.296V24.82H41.223z" clip-rule="evenodd" opacity=".2"/><path fill="#fff" fill-rule="evenodd" d="M50.323 58.708h4.24v-34.58h-4.24z" clip-rule="evenodd"/><path fill="#0C7BAD" fill-rule="evenodd" d="M50.252 82.387h36.054V49.712H50.252z" clip-rule="evenodd"/><path fill="#0C7BAD" fill-rule="evenodd" d="M56.638 73.75h23.284V58.35H56.638z" clip-rule="evenodd"/><path fill="#00A0D6" fill-rule="evenodd" d="m69.5 82.647-9.483-1.387V63.61h4.13L69.5 68z" clip-rule="evenodd" opacity=".3"/><path fill="#DEDEDE" fill-rule="evenodd" d="M33.352 82.387h21.407V63.609H33.352z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M54.759 82.387h6.009V63.609h-6.01z" clip-rule="evenodd"/><path fill="#F0F0F0" fill-rule="evenodd" d="M43.116 63.609v6.12l.283.264.286-.265.284.265.277-.26.277.26.284-.265.283.265.28-.26.278.26.282-.265.284.265.283-.265v-6.12z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M36 69.379h4.882v-3.747H36z" clip-rule="evenodd"/><path fill="#1DB0DE" fill-rule="evenodd" d="M36.355 67.124h3.38v-.375h-3.38zM36.355 68.252h2.629v-.375h-2.63z" clip-rule="evenodd"/><path fill="#00A0D6" fill-rule="evenodd" d="M74.784 35.11h10.682v-5.49H74.784zM29.965 15.664h7.468v-5.49h-7.468zM37.433 10.174h10.681V4.682H37.433z" clip-rule="evenodd" opacity=".3"/><path fill="#CDEEFB" fill-rule="evenodd" d="M33.863 26.874c0-10.261 8.32-18.58 18.58-18.58 10.262 0 18.58 8.319 18.58 18.58z" clip-rule="evenodd"/><path fill="#757575" fill-rule="evenodd" d="M61.238 49.715h-1.76a.026.026 0 0 1-.026-.026v-.012c0-.075.063-.137.139-.137h1.647q.009 0 .01.007v.16q-.001.008-.01.008" clip-rule="evenodd"/><path fill="#757575" fill-rule="evenodd" d="m60.604 49.64-.09-.044.444-.656.088.044z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="m61.217 49.64-.088-.044.442-.656.088.044z" clip-rule="evenodd"/><path fill="#D83A09" fill-rule="evenodd" d="M60.996 49.062h-.062a.313.313 0 0 1-.313-.313v-.33h.688v.33c0 .172-.14.313-.313.313" clip-rule="evenodd"/><path fill="#F4530D" fill-rule="evenodd" d="M61.581 49.062h-.062a.314.314 0 0 1-.314-.313v-.33h.689v.33c0 .172-.14.313-.313.313" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M61.852 49.715h-1.76a.026.026 0 0 1-.026-.026v-.012c0-.075.063-.137.139-.137h1.647q.008 0 .009.007v.16q0 .008-.009.008" clip-rule="evenodd"/><path fill="#E36200" fill-rule="evenodd" d="m57.601 44.02-.557.64.547.495z" clip-rule="evenodd"/><path fill="#F4530D" fill-rule="evenodd" d="M62.345 48.03c-1.154 0-2.096-.913-2.096-2.027v-1.907l-.414-.448a1.362 1.362 0 0 0-2.233.36l-.01.02v1.753c0 .65.223 1.28.635 1.79a2.9 2.9 0 0 0 1.14.855l.144.062c.362.151.75.23 1.143.23h3.865l-.636-.689z" clip-rule="evenodd"/><path fill="#3C3C3C" fill-rule="evenodd" d="m60.249 44.093-.41-.443a1.362 1.362 0 0 0-2.237.361l-.01.02v1.246h2.657z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M58.264 44.355c0 .107.089.195.198.195s.198-.088.198-.195a.197.197 0 0 0-.198-.197.197.197 0 0 0-.198.197" clip-rule="evenodd"/><path fill="#3C3C3C" fill-rule="evenodd" d="m64.99 49.226-1.107-1.197h-1.05l2.394 2.408.005-.586a.92.92 0 0 0-.243-.625M58.19 44.641h.579v-.25h-.58z" clip-rule="evenodd"/><path fill="#3C3C3C" fill-rule="evenodd" d="M62.345 48.03c-1.154 0-2.097-.913-2.097-2.027v-1.91l-.41-.444a1.3 1.3 0 0 0-.302-.236v2.812c0 1.37 1.16 2.492 2.578 2.492h2.403l-.634-.687z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M59.578 46.653h.783a2 2 0 0 1-.087-.344h-.734q.006.176.038.344M59.814 47.342h.962a2 2 0 0 1-.255-.344h-.855q.06.177.148.344" clip-rule="evenodd"/><path fill="#3C3C3C" fill-rule="evenodd" d="M57.923 45.803h-.013a.32.32 0 0 1-.317-.319v-.232c0-.175.142-.319.317-.319h.013c.174 0 .317.144.317.319v.232a.32.32 0 0 1-.318.319M58.57 45.803h-.012a.32.32 0 0 1-.318-.319v-.232c0-.175.143-.319.318-.319h.012c.175 0 .318.144.318.319v.232a.32.32 0 0 1-.318.319M59.217 45.803h-.01a.32.32 0 0 1-.318-.319v-.232c0-.175.142-.319.317-.319h.011a.32.32 0 0 1 .319.319v.232a.32.32 0 0 1-.319.319" clip-rule="evenodd"/><path fill="#757575" fill-rule="evenodd" d="M60.248 44.096v1.907c0 1.115.944 2.027 2.096 2.027h1.54z" clip-rule="evenodd"/></g></svg>';
export const modtagerflex = illustration;