pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
3 lines (2 loc) • 2.59 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 80 80"><path fill="#CDEEFB" 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="circle_mailpickup_svg__a" width="80" height="80" x="0" y="0" maskUnits="userSpaceOnUse"><path fill="#C4C4C4" fill-rule="evenodd" d="M80 40c0 22.091-17.909 40-40 40S0 62.091 0 40 17.909 0 40 0a39.8 39.8 0 0 1 21.082 6H75v14.62A39.8 39.8 0 0 1 80 40" clip-rule="evenodd"/></mask><g mask="url(#circle_mailpickup_svg__a)"><path fill="#00A0D6" d="M45.064 46.26H21.991v6.293h23.073z"/><path fill="#C6C6C6" d="M75.13 48.358h-26.5v17.48h26.5z"/><path fill="#CCC" d="M70.236 48.358h-26.43v17.48h26.43z"/><path fill="#D6D6D6" d="M65.34 48.358H38.423v17.48H65.34z"/><path fill="#E5E5E5" d="M60.446 48.358H33.598v17.48h26.848z"/><path fill="#F0F0F0" d="M55.553 48.358H28.774v17.48h26.78v-17.48z"/><path fill="#F7F7F7" d="M50.658 48.358H23.39v17.48h27.268z"/><path fill="#E5E5E5" d="M41.57 50.875h-.7v6.992h.7zm2.096 0h-.7v6.992h.7zm2.098 1.958h-.7v1.887h.7z"/><path fill="#0099C7" d="M88.415 18.293H64.643v24.471h23.772z"/><path fill="#E8C489" d="M75.13 12H47.863v19.228h27.269V12z"/><path fill="#EFCB84" d="M73.033 12H45.765v19.228h27.268z"/><path fill="#FFDB8D" d="M70.935 12H43.667v19.228h27.268z"/><path fill="#fff" d="M61.846 14.797h-.7v7.69h.7zm2.097 0h-.699v7.69h.7v-7.69zm2.098 4.893h-.7v2.798h.7zm0-2.795h-.7v2.097h.7z"/><path fill="#E5E5E5" d="M56.95 18.293H30.173V37.52H56.95z"/><path fill="#F0F0F0" d="M54.854 18.293H28.075V37.52h26.78V18.292z"/><path fill="#F7F7F7" d="M52.757 18.293H25.488V37.52h27.269z"/><path fill="#E36200" d="M31.57 20.81h-3.425v3.426h3.425z"/><path fill="#E5E5E5" d="M43.667 21.09h-.7v7.69h.7zm2.098 0h-.7v7.69h.7zm2.097 4.894h-.699v2.797h.7v-2.797zm0-2.797h-.699v2.098h.7v-2.098z"/><path fill="#00A0D6" d="M101 25.984H52.756V46.26H101z"/><path fill="#48BAE4" d="M42.198 25.984c-.21 0-.42.14-.42.35-.21 2.447-2.377 4.334-5.034 4.334s-4.824-1.887-5.034-4.334c0-.21-.21-.35-.42-.35h-9.998V46.26h31.463V25.984z"/><path fill="#00A0D6" d="M94.708 46.26H46.464v20.277h48.244z"/><path fill="#48BAE4" d="M35.906 46.26c-.21 0-.42.14-.42.35-.21 2.447-2.377 4.335-5.034 4.335s-4.824-1.888-5.034-4.335c0-.21-.21-.35-.42-.35H15v20.277h31.463V46.26z"/><path fill="#0C7BAD" d="m52.057 46.26 42.65 10.488V46.26z" opacity=".3"/><path fill="#1798CE" d="M35.976 58.286H24.929a2.36 2.36 0 0 1 2.377-2.377h6.293a2.36 2.36 0 0 1 2.377 2.377m6.293-20.976H31.222a2.36 2.36 0 0 1 2.377-2.377h6.293a2.36 2.36 0 0 1 2.377 2.377"/></g></svg>';
export const circle_mailpickup = illustration;