pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 8.57 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#hand-reply-letter-inernational_svg__a)"><path fill="#FFC8A3" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#F06365" d="m0 124.734 5.248-28.57c.633-3.348.633-6.8 0-10.149l-3.145-19.89a8.4 8.4 0 0 1 1.777-6.617L21.75 37.515 33.164 68.33l-1.98 16.848-.572 39.556z"/><path fill="#500715" d="M17.113 49.972s-2.92 5.33-3.43 14.499l3.43-9.455z"/><path fill="#fff" d="M99.41 90.977h-74.7a8.005 8.005 0 0 1-8.005-8.005V39.005c0-4.41 3.594-8.005 8.005-8.005h74.7a8.005 8.005 0 0 1 8.006 8.005v43.967a7.99 7.99 0 0 1-8.005 8.005"/><path fill="#1D1D1B" d="M107.416 64.674H16.705v.572h90.711z"/><path fill="#005D92" d="M43.518 48.297H26.466a.724.724 0 0 1-.715-.715V38.23c0-.388.327-.714.715-.714h17.052c.388 0 .715.326.715.714v9.333c0 .408-.307.735-.715.735"/><path fill="#fff" d="M31.653 42.64c.082-.041.123-.143.061-.225l-.94-1.511.552-.674a.29.29 0 0 0-.04-.408c-.123-.103-.307-.062-.389.06l-.51.716-1.715-.511a.18.18 0 0 0-.205.122c0 .062.02.123.082.164l1.43.796-.531.756h-.43c-.081 0-.142.082-.122.143 0 .04.041.082.082.082l.367.142c.02 0 .041.02.062.041l.224.327c.02.04.062.061.102.061.082 0 .143-.081.123-.163l-.123-.408.593-.715 1.143 1.164c.061.061.123.082.184.04"/><path fill="#00A0D6" d="M32.51 46.683H29.51a1.163 1.163 0 1 1 0-2.328h3.002c.633 0 1.164.51 1.164 1.164-.02.653-.531 1.163-1.164 1.163"/><path fill="#8EDDF9" d="M40.7 46.683h-5.167a1.163 1.163 0 1 1 0-2.328H40.7c.633 0 1.164.51 1.164 1.164-.02.653-.531 1.163-1.164 1.163"/><path fill="#1D1D1B" fill-rule="evenodd" d="M79.643 35.921c0-.056.046-.102.102-.102h18.767c.057 0 .103.046.103.102v14.112a.1.1 0 0 1-.103.102H79.745a.1.1 0 0 1-.102-.102zm.204.102V49.93H98.41V36.024z" clip-rule="evenodd"/><path fill="#000" d="M81.925 48.496v-.783h.195v1.07h-.216l-.545-.787v.787h-.194v-1.07h.215zM82.867 48.806a.6.6 0 0 1-.283-.07.54.54 0 0 1-.282-.488q0-.162.077-.29a.53.53 0 0 1 .206-.196.6.6 0 0 1 .282-.071.58.58 0 0 1 .49.267.55.55 0 0 1 .076.29.55.55 0 0 1-.566.558m0-.18q.104 0 .189-.05.084-.05.132-.136a.4.4 0 0 0 .049-.192.4.4 0 0 0-.05-.192.363.363 0 0 0-.32-.186.363.363 0 0 0-.368.378q0 .105.047.192a.37.37 0 0 0 .132.137q.086.048.189.048M84.338 48.806a.5.5 0 0 1-.278-.072.37.37 0 0 1-.153-.181l.162-.082q.032.075.104.118.072.044.163.044a.22.22 0 0 0 .145-.044.14.14 0 0 0 .053-.111.11.11 0 0 0-.042-.093.4.4 0 0 0-.137-.057l-.077-.02a.6.6 0 0 1-.245-.109.24.24 0 0 1-.082-.195q0-.085.047-.157a.34.34 0 0 1 .134-.115.44.44 0 0 1 .195-.042.5.5 0 0 1 .236.055.35.35 0 0 1 .15.152l-.17.085a.2.2 0 0 0-.087-.091.3.3 0 0 0-.13-.032.2.2 0 0 0-.13.041.12.12 0 0 0-.048.096.1.1 0 0 0 .042.087.4.4 0 0 0 .127.05l.076.019a.6.6 0 0 1 .252.112q.086.07.086.209 0 .09-.05.168a.36.36 0 0 1-.142.121.45.45 0 0 1-.201.044M84.807 47.713h.902v.175h-.353v.895h-.195v-.895h-.354zM86.716 48.783h-.208l-.1-.238h-.51l-.1.238h-.2l.468-1.07h.182zm-.562-.845-.186.44h.37zM87.433 48.54l.327-.827h.274v1.07h-.19v-.807l-.317.807h-.189l-.317-.807v.807h-.186v-1.07h.272zM88.721 47.713q.104 0 .186.046.083.043.13.124a.34.34 0 0 1 .048.176.335.335 0 0 1-.178.307.4.4 0 0 1-.186.045h-.264v.372h-.19v-1.07zm-.026.529q.081 0 .138-.044.058-.045.058-.136 0-.09-.058-.133a.2.2 0 0 0-.138-.046h-.238v.359zM90.271 48.783l-.281-.392h-.178v.392h-.19v-1.07h.478q.103 0 .184.044a.313.313 0 0 1 .176.288.33.33 0 0 1-.264.327l.302.41zm-.46-.9v.338h.26q.082 0 .139-.042t.058-.126q0-.086-.058-.128a.22.22 0 0 0-.139-.042zM90.847 48.322v.286h.568v.175h-.761v-1.07h.753v.175h-.56v.26h.479v.174zM92.638 48.248a.55.55 0 0 1-.164.4l.142.174h-.219l-.061-.077a.6.6 0 0 1-.264.061.6.6 0 0 1-.284-.07.54.54 0 0 1-.281-.488.53.53 0 0 1 .283-.486.6.6 0 0 1 .281-.071.57.57 0 0 1 .49.267.55.55 0 0 1 .077.29m-.567.377q.08 0 .147-.028l-.192-.239h.215l.112.138a.39.39 0 0 0 .088-.248.4.4 0 0 0-.049-.192.363.363 0 0 0-.32-.186.363.363 0 0 0-.369.378q0 .105.048.192a.37.37 0 0 0 .132.137q.085.048.189.048M93.26 48.806a.5.5 0 0 1-.233-.055.4.4 0 0 1-.157-.152.45.45 0 0 1-.055-.224v-.662h.194v.65q0 .113.066.188.067.075.185.076.118 0 .184-.076a.27.27 0 0 0 .068-.188v-.65h.193v.662a.44.44 0 0 1-.056.224.4.4 0 0 1-.158.152.5.5 0 0 1-.23.055M94.125 48.783h-.193v-1.07h.193zM95.009 48.783l-.282-.392h-.178v.392h-.19v-1.07h.478q.102 0 .184.044a.313.313 0 0 1 .176.288.33.33 0 0 1-.264.327l.302.41zm-.46-.9v.338h.26q.081 0 .138-.042.059-.043.058-.126 0-.086-.058-.128a.22.22 0 0 0-.138-.042zM95.585 48.322v.286h.568v.175h-.762v-1.07h.754v.175h-.56v.26h.478v.174zM96.737 47.713q.15 0 .277.068a.52.52 0 0 1 .28.467.52.52 0 0 1-.28.467.6.6 0 0 1-.277.068h-.389v-1.07zm0 .892a.36.36 0 0 0 .311-.176.36.36 0 0 0 .047-.181.36.36 0 0 0-.176-.31.36.36 0 0 0-.182-.047h-.195v.714zM82.192 37.71v-.783h.195v1.07h-.216l-.545-.787v.787h-.194v-1.07h.216zM82.812 37.536v.286h.567v.175h-.761v-1.07h.754v.175h-.56v.26h.478v.174zM84.392 36.927q.104 0 .186.045.083.044.13.125a.356.356 0 0 1 0 .357.34.34 0 0 1-.13.126.4.4 0 0 1-.186.045h-.264v.372h-.19v-1.07zm-.027.528q.082 0 .139-.044.058-.045.058-.135t-.058-.134a.2.2 0 0 0-.139-.045h-.237v.358zM85.81 37.997h-.207l-.1-.238h-.51l-.1.238h-.2l.468-1.07h.182zm-.56-.845-.187.44h.37zM86.263 38.02a.5.5 0 0 1-.279-.072.37.37 0 0 1-.152-.181l.162-.082q.033.075.103.118a.3.3 0 0 0 .164.044q.09 0 .145-.044a.14.14 0 0 0 .053-.112.11.11 0 0 0-.042-.092.4.4 0 0 0-.137-.057l-.077-.02a.6.6 0 0 1-.246-.109.24.24 0 0 1-.081-.195q0-.086.047-.157a.34.34 0 0 1 .133-.115.44.44 0 0 1 .195-.043.5.5 0 0 1 .236.055.35.35 0 0 1 .151.153l-.171.085a.2.2 0 0 0-.087-.091.3.3 0 0 0-.13-.032.2.2 0 0 0-.13.041.12.12 0 0 0-.048.096.1.1 0 0 0 .043.087q.042.027.127.05l.076.019a.6.6 0 0 1 .251.111q.087.071.087.21 0 .09-.05.168a.36.36 0 0 1-.142.121.45.45 0 0 1-.201.044M88.206 37.997h-.208l-.1-.238h-.51l-.1.238h-.2l.468-1.07h.182zm-.562-.845-.186.44h.37zM89.063 36.927v.175h-.545v.283h.478v.174h-.478v.438h-.193v-1.07zM89.974 36.927v.175h-.545v.283h.478v.174h-.478v.438h-.193v-1.07zM90.796 37.997l-.281-.392h-.178v.392h-.19v-1.07h.478q.102 0 .184.044a.314.314 0 0 1 .176.288q0 .12-.074.21a.33.33 0 0 1-.19.117l.302.41zm-.459-.9v.338h.26q.081 0 .138-.043t.058-.125q0-.086-.058-.128a.22.22 0 0 0-.138-.042zM92.167 37.997h-.207l-.1-.238h-.51l-.1.238h-.2l.468-1.07h.182zm-.561-.845-.186.44h.37zM93.046 37.71v-.783h.195v1.07h-.215l-.546-.787v.787h-.194v-1.07h.216zM93.98 38.019a.6.6 0 0 1-.278-.07.53.53 0 0 1-.203-.198.56.56 0 0 1-.075-.29q0-.161.075-.289a.5.5 0 0 1 .203-.196.6.6 0 0 1 .279-.071q.156 0 .281.07a.5.5 0 0 1 .195.196l-.17.085a.342.342 0 0 0-.307-.171.35.35 0 0 0-.312.185.4.4 0 0 0-.048.192q0 .105.047.192a.36.36 0 0 0 .13.136.36.36 0 0 0 .184.05.34.34 0 0 0 .306-.172l.17.085a.54.54 0 0 1-.197.196.56.56 0 0 1-.28.07M95.323 37.361v-.434h.195v1.07h-.195v-.461h-.522v.46h-.193v-1.07h.193v.435zM95.944 37.997h-.194v-1.07h.194zM96.827 37.997l-.281-.392h-.178v.392h-.19v-1.07h.478q.102 0 .184.044a.314.314 0 0 1 .176.288q0 .12-.074.21a.33.33 0 0 1-.19.117l.302.41zm-.46-.9v.338h.26q.082 0 .139-.043t.058-.125q0-.086-.058-.128a.22.22 0 0 0-.139-.042z"/><path fill="#000" fill-rule="evenodd" d="M82.4 39.31c0-.057.046-.103.102-.103h13.253c.057 0 .103.046.103.102v7.311a.1.1 0 0 1-.103.102H82.502a.1.1 0 0 1-.102-.102zm.204.101v7.107h13.05V39.41z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M81.972 38.983a.255.255 0 0 1 .347-.1l13.928 7.7a.255.255 0 1 1-.247.446L82.072 39.33a.255.255 0 0 1-.1-.347" clip-rule="evenodd"/><path fill="#F06365" d="m11.6 71.599 6.493-19.666a4.084 4.084 0 0 1 5.167-2.593 3.93 3.93 0 0 1 2.675 4.165l-1.45 12.825c-.265 2.43.204 4.86 1.307 7.025 2.165 4.186 4.84 12.273-.98 20.033z"/><path fill="#F06365" d="m24.812 92.122-2.471 5.656L7.699 82.013l6.78-15.602z"/><path fill="#500715" d="M23.035 96.165a.28.28 0 0 1-.224-.123c-.082-.122-.041-.286.081-.347 2.45-1.552 3.431-4.656 3.431-4.676.04-.143.184-.205.327-.164s.204.184.163.327-1.041 3.308-3.655 4.962c-.02.02-.082.02-.123.02M13.621 69.352a.25.25 0 0 1-.245-.245c-.04-6.984 2.553-12.825 2.573-12.866a.263.263 0 0 1 .347-.122c.123.061.184.204.123.347-.02.061-2.573 5.8-2.533 12.661a.266.266 0 0 1-.265.225"/><path fill="#500715" d="M26.364 90.978h5.677l-1.02 5.88z"/><path fill="#8EDDF9" d="M92.447 83.239H73.353a5.473 5.473 0 0 1 0-10.946h19.094a5.473 5.473 0 0 1 0 10.946" opacity=".5"/></g><defs><clipPath id="hand-reply-letter-inernational_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath></defs></svg>';
export const hand_reply_letter_inernational = illustration;
export const handReplyLetterInernational = illustration;