pn-design-assets/pn-assets/illustrations/postboxes.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="#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="postboxes_svg__a" width="80" height="80" x="0" y="0" mask-type="alpha" 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 0c7.737 0 14.96 2.197 21.082 6H75v14.62A39.8 39.8 0 0 1 80 40" clip-rule="evenodd"/></mask><g mask="url(#postboxes_svg__a)"><path fill="#F0F0F0" fill-rule="evenodd" d="M62.505 115.23h-92.108l-1.374-103.344A3.895 3.895 0 0 1-27.074 8h98.049a3.894 3.894 0 0 1 3.903 3.886s.604 64.076 1.03 96.126c-3.093 4.125-7.217 7.218-13.403 7.218" clip-rule="evenodd"/><path fill="#FAFAFA" fill-rule="evenodd" d="M-43 115.23V11.886A3.89 3.89 0 0 1-39.104 8h98.752a3.89 3.89 0 0 1 3.894 3.886V115.23z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M-37.501 76.05H7.866V64.365h-45.367z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M-37.501 76.05H7.866V74.88h-45.367z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M12.677 76.05h45.366V64.365H12.677z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M12.677 76.05h45.366V74.88H12.677z" clip-rule="evenodd"/><path fill="#BEBEBE" d="M13.841 65.533h8.143v2.337h-8.143z"/><rect width="3.49" height="4.674" x="13.841" y="69.039" fill="#BEBEBE" rx="1.745"/><path fill="#DEDEDE" fill-rule="evenodd" d="M-37.501 61.615H7.866V49.93h-45.367z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M-37.501 61.615H7.866v-1.169h-45.367z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M-37.501 47.868H7.866V36.182h-45.367z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M-37.501 47.868H7.866v-1.169h-45.367z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M12.677 47.868h45.366V36.182H12.677z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M12.677 47.868h45.366v-1.169H12.677z" clip-rule="evenodd"/><path fill="#BEBEBE" d="M13.841 37.351h8.143v2.337h-8.143z"/><rect width="3.49" height="4.674" x="13.841" y="40.856" fill="#BEBEBE" rx="1.745"/><path fill="#DEDEDE" fill-rule="evenodd" d="M-37.501 33.433H7.866V21.747h-45.367z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M-37.501 33.433H7.866v-1.169h-45.367z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M-37.501 90.485H7.866V78.799h-45.367zM12.677 61.763h45.366V50.077H12.677z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M12.677 61.763h45.366v-1.169H12.677z" clip-rule="evenodd"/><path fill="#BEBEBE" d="M13.841 51.246h8.143v2.337h-8.143z"/><rect width="3.49" height="4.674" x="13.841" y="54.751" fill="#BEBEBE" rx="1.745"/><path fill="#DEDEDE" fill-rule="evenodd" d="M12.677 90.485h45.366V78.799H12.677z" clip-rule="evenodd"/><path fill="#BEBEBE" d="M13.841 79.968h8.143v2.337h-8.143z"/><path fill="#0C7BAD" fill-rule="evenodd" d="M66.292 36.004h2.062V18.82h-2.062z" clip-rule="evenodd"/><path fill="#00A0D6" fill-rule="evenodd" d="m58.045 33.255 8.248 2.75V18.82l-8.248 2.75z" clip-rule="evenodd"/><path fill="#CDEEFB" d="M12.678 33.255h45.366V21.569H12.678z"/><path fill="#48BAE4" d="M14.053 22.944h10.998v8.936H14.053z"/><path fill="#00A0D6" fill-rule="evenodd" d="M58.044 33.255H12.678V21.569h45.366zM56.67 31.88H14.053v-8.936H56.67z" clip-rule="evenodd"/><mask id="postboxes_svg__b" width="43" height="10" x="14" y="22" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" d="M14.053 22.944H56.67v8.936H14.053z"/></mask><g mask="url(#postboxes_svg__b)"><rect width="48.803" height="2.062" x="16.115" y="29.818" fill="#DEDEDE" rx="1.031"/><rect width="46.054" height=".687" x="17.49" y="31.193" fill="#BEBEBE" rx=".344"/><path fill="#F0F0F0" d="M20.927 29.818h39.18l-19.59.687z"/><path fill="#757575" d="M51.86 29.818h12.028a1.031 1.031 0 0 1 0 2.062H51.86z" opacity=".25"/><rect width="48.803" height="2.062" x="14.74" y="27.756" fill="#DEDEDE" rx="1.031"/><rect width="46.054" height=".687" x="16.114" y="29.131" fill="#BEBEBE" rx=".344"/><path fill="#F0F0F0" d="M19.552 27.756h39.18l-19.59.687z"/><path fill="#757575" d="M50.483 27.756h12.03a1.031 1.031 0 0 1 0 2.062h-12.03z" opacity=".25"/><rect width="48.803" height="2.062" x="16.115" y="25.694" fill="#DEDEDE" rx="1.031"/><rect width="46.054" height=".687" x="17.49" y="27.068" fill="#BEBEBE" rx=".344"/><path fill="#F0F0F0" d="M20.927 25.694h39.18l-19.59.687z"/><path fill="#757575" d="M51.86 25.694h12.028a1.031 1.031 0 0 1 0 2.062H51.86z" opacity=".25"/></g><path fill="#0C7BAD" d="m49.943 53.114-23.05 10.749-6.682-14.328 23.05-10.749z"/><path fill="#00A0D6" fill-rule="evenodd" d="m50.104 53.153-26.617-5.032 19.935-9.296z" clip-rule="evenodd"/><path fill="#00A0D6" fill-rule="evenodd" d="m26.699 63.679 12.63-23.334-19.312 9.005z" clip-rule="evenodd"/><path fill="#48BAE4" fill-rule="evenodd" d="m20.143 49.245 23.05-10.749-7.458 14.096z" clip-rule="evenodd"/><path fill="#BEBEBE" d="m52.205 43.229-23.532 5.002-3.144-14.792 23.532-5.002z"/><path fill="#DEDEDE" d="M52.205 43.229 28.891 32.723l20.17-4.287z"/><path fill="#DEDEDE" d="M28.673 48.231 45.7 29.152l-20.17 4.287z"/><path fill="#F0F0F0" d="m25.529 33.44 23.532-5.002-9.908 11.241z"/></g></svg>';
export const postboxes = illustration;