pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 5.67 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="send-direct_svg__a" width="80" height="80" x="0" y="0" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40s17.909 40 40 40" clip-rule="evenodd"/></mask><g mask="url(#send-direct_svg__a)"><path fill="#00A0D6" d="M17 87h82V25H17z"/><path fill="#48BAE4" fill-rule="evenodd" d="M22 34h5v-1h-5z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M32.04 84.593v-57.29H15v57.29z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-opacity=".5" fill-rule="evenodd" d="M23.019 27.188V89c4.982 0 9.02-1.977 9.02-4.416V27.188z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M32.04 26.936c0 2.637-3.816 4.774-8.52 4.774-4.705 0-8.52-2.137-8.52-4.774s3.815-4.774 8.52-4.774c4.704 0 8.52 2.137 8.52 4.774" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M30.035 26.698c0 1.896-2.917 3.434-6.515 3.434s-6.515-1.538-6.515-3.434 2.917-3.434 6.515-3.434 6.515 1.537 6.515 3.434" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M30.034 26.698V17.85h-13.03v8.85z" clip-rule="evenodd"/><path fill="#E7E6E6" fill-rule="evenodd" d="M23.019 30.118q.248.012.5.014c3.599 0 6.516-1.538 6.516-3.434l-.001-.013V17.85h-7.015z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M30.036 17.868c0 1.897-2.917 3.434-6.515 3.434s-6.515-1.537-6.515-3.434 2.917-3.434 6.515-3.434 6.515 1.537 6.515 3.434" clip-rule="evenodd"/><path fill="#C6C5C5" fill-rule="evenodd" d="M28.614 17.85c0 1.232-2.308 2.23-5.155 2.23s-5.156-.998-5.156-2.23c0-1.233 2.309-2.233 5.156-2.233s5.155 1 5.155 2.232" clip-rule="evenodd"/><mask id="send-direct_svg__b" width="14" height="13" x="17" y="17" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M17.001 26.565zc0 1.898 2.917 3.435 6.515 3.435s6.515-1.537 6.515-3.435l-.002-.012v-8.836H17z" clip-rule="evenodd"/></mask><g mask="url(#send-direct_svg__b)"><path fill="#17AC39" fill-rule="evenodd" d="m23.369 22.79.73 1.582.037.078 3.892-.923s-3.942-3.103-8.232-1.396C17.332 23.11 16 26.38 16 26.38l3.892-.923-.008-.086-.14-1.722.731 1.582.036.079 3.005-.714-.007-.084z" clip-rule="evenodd"/></g><mask id="send-direct_svg__c" width="14" height="13" x="17" y="17" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M17.001 26.565zc0 1.898 2.917 3.435 6.515 3.435s6.515-1.537 6.515-3.435l-.002-.012v-8.836H17z" clip-rule="evenodd"/></mask><g mask="url(#send-direct_svg__c)"><path fill="#17AC39" fill-rule="evenodd" d="m23.896 29.26-.663 1.608-.033.08 3.44 1.96s.162-2.333-1.113-4.228c-1.529-2.27-4.866-2.77-5.064-2.884l-4.453 1.057 3.439 1.959.059-.065 1.185-1.312-.663 1.609-.033.08 2.656 1.512.058-.065z" clip-rule="evenodd"/></g><mask id="send-direct_svg__d" width="14" height="13" x="17" y="17" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M17.001 26.565zc0 1.898 2.917 3.435 6.515 3.435s6.515-1.537 6.515-3.435l-.002-.012v-8.836H17z" clip-rule="evenodd"/></mask><g mask="url(#send-direct_svg__d)"><path fill="#108B33" fill-rule="evenodd" d="m23.016 30.235.88-.975-.663 1.609-.032.08 3.439 1.958s.162-2.332-1.113-4.226c-.641-.953-1.6-1.59-2.511-2.022z" clip-rule="evenodd"/></g><mask id="send-direct_svg__e" width="14" height="13" x="17" y="17" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M17.001 26.565zc0 1.898 2.917 3.435 6.515 3.435s6.515-1.537 6.515-3.435l-.002-.012v-8.836H17z" clip-rule="evenodd"/></mask><g mask="url(#send-direct_svg__e)"><path fill="#108B33" fill-rule="evenodd" d="m23.016 24.715.5-.118-.006-.086-.14-1.721.73 1.581.036.079 3.891-.923s-2.155-1.691-5.011-1.886z" clip-rule="evenodd"/></g><path fill="#fff" fill-rule="evenodd" d="M28 55V41h-8v14z" clip-rule="evenodd"/><path fill="#48BAE4" fill-rule="evenodd" d="M24 53V43h-2v10z" clip-rule="evenodd"/><path fill="#0C7BAD" fill-rule="evenodd" d="M38.639 39h5.795v-1.465h-3.686l1.547-1.418q.492-.445.876-.84.384-.396.65-.783.267-.386.407-.782.141-.396.141-.847 0-.603-.202-1.049a1.9 1.9 0 0 0-.58-.738 2.5 2.5 0 0 0-.926-.433 5 5 0 0 0-1.24-.141 4 4 0 0 0-.74.07 5 5 0 0 0-.683.185 5 5 0 0 0-1.072.524v1.26h.586q.151-.117.343-.231a3 3 0 0 1 .413-.203q.222-.087.48-.143t.55-.056q.6 0 .9.275.302.276.302.756 0 .252-.082.495a2.3 2.3 0 0 1-.26.516q-.18.274-.47.592-.29.32-.7.712l-2.35 2.267zm11.22-6.299-2.244 2.531v-3.65q0-.315-.026-.51a.66.66 0 0 0-.103-.299.36.36 0 0 0-.208-.14 1.4 1.4 0 0 0-.348-.035h-1.067V39h1.752v-1.98l.645-.674L49.93 39h1.617v-.48l-2.11-3.346 1.858-2.016v-.457zm8.385 5.965q0 .58-.217 1.023a2 2 0 0 1-.63.744 2.9 2.9 0 0 1-1.016.454 5.6 5.6 0 0 1-1.377.152q-.862 0-1.485-.146a4.4 4.4 0 0 1-1.046-.37v-1.26H53q.323.224.765.376a3.1 3.1 0 0 0 1.022.152q.849 0 1.278-.293.427-.293.427-.943v-.393q-.316.27-.761.44-.446.17-.979.17-.522 0-.993-.167a2.2 2.2 0 0 1-.83-.525 2.5 2.5 0 0 1-.565-.908q-.207-.55-.208-1.319 0-.878.232-1.494.231-.615.618-1.007.387-.393.885-.572t1.025-.178q.598 0 1.014.17t.726.456a1 1 0 0 1 .27-.38.67.67 0 0 1 .451-.147h.867zm-2.338-1.248a1.7 1.7 0 0 1-.65.129 1.7 1.7 0 0 1-.589-.09.9.9 0 0 1-.413-.309 1.5 1.5 0 0 1-.243-.568 4 4 0 0 1-.08-.879q0-.522.124-.861.123-.34.322-.536.2-.196.457-.276.258-.078.527-.079.381 0 .636.088t.495.27v2.795q-.263.187-.586.316" clip-rule="evenodd"/><path fill="#0C7BAD" d="M38 44h30v3H38zM38 50h14v3H38z"/></g></svg>';
export const send_direct = illustration;
export const sendDirect = illustration;