pn-design-assets/pn-assets/illustrations/character_computer_graphics.js

Icons, SCSS, and more for PostNord Graphical Guidelines

const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#character-computer-graphics_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="#fff" d="M93.075 56.637H42.677a4.794 4.794 0 0 1-4.804-4.804V19.804A4.794 4.794 0 0 1 42.677 15h50.398a4.794 4.794 0 0 1 4.804 4.804v32.029a4.794 4.794 0 0 1-4.804 4.804"/><path fill="#F3F2F2" d="M54.335 42.554a.633.633 0 0 1-.636-.636v-20.04c0-.354.283-.637.636-.637s.636.283.636.636V41.92a.633.633 0 0 1-.636.635"/><path fill="#F06365" d="M54.335 45.31a.633.633 0 0 1-.636-.636V24.656c0-.353.283-.636.636-.636s.636.283.636.636v20.041c0 .33-.283.613-.636.613"/><path fill="#9B1C2E" d="M54.335 45.31a.633.633 0 0 1-.636-.636V34.453c0-.354.283-.636.636-.636s.636.282.636.636v10.22a.633.633 0 0 1-.636.636"/><path fill="#F3F2F2" d="M61.425 42.554a.633.633 0 0 1-.636-.636v-20.04c0-.354.283-.637.636-.637s.636.283.636.636V41.92a.633.633 0 0 1-.636.635"/><path fill="#F06365" d="M61.425 45.31a.633.633 0 0 1-.636-.636V31.697c0-.353.283-.636.636-.636s.636.283.636.636v12.977a.633.633 0 0 1-.636.636"/><path fill="#9B1C2E" d="M61.425 45.31a.633.633 0 0 1-.636-.636v-6.57c0-.354.283-.637.636-.637s.636.283.636.636v6.57a.633.633 0 0 1-.636.637"/><path fill="#F3F2F2" d="M75.273 42.554a.633.633 0 0 1-.636-.636v-20.04c0-.354.282-.637.636-.637.353 0 .635.283.635.636V41.92a.633.633 0 0 1-.635.635"/><path fill="#F06365" d="M75.273 45.31a.633.633 0 0 1-.636-.636V30.049c0-.353.282-.636.636-.636.353 0 .635.283.635.636v14.648c0 .33-.282.613-.635.613"/><path fill="#9B1C2E" d="M75.273 45.31a.633.633 0 0 1-.636-.637V33.982c0-.354.282-.636.636-.636.353 0 .635.282.635.636v10.691a.633.633 0 0 1-.635.636"/><path fill="#F3F2F2" d="M68.372 42.554a.633.633 0 0 1-.636-.636v-20.04c0-.354.283-.637.636-.637s.636.283.636.636V41.92a.633.633 0 0 1-.636.635"/><path fill="#9B1C2E" d="M68.372 45.31a.633.633 0 0 1-.636-.636V31.98c0-.353.283-.636.636-.636s.636.283.636.636v12.694a.633.633 0 0 1-.636.636"/><path fill="#F3F2F2" d="M82.196 42.554a.633.633 0 0 1-.635-.636v-20.04c0-.354.282-.637.635-.637s.636.283.636.636V41.92a.633.633 0 0 1-.636.635"/><path fill="#9B1C2E" d="M82.196 45.31a.633.633 0 0 1-.635-.637V26.14c0-.353.282-.636.635-.636s.636.283.636.636v18.534a.633.633 0 0 1-.636.636M63.59 52.234h-3.886a1.005 1.005 0 0 1-1.013-1.013c0-.565.448-1.012 1.013-1.012h3.886c.565 0 1.013.447 1.013 1.012s-.448 1.013-1.013 1.013"/><path fill="#F06365" d="M75.791 52.234h-3.886a1.005 1.005 0 0 1-1.012-1.013c0-.565.447-1.012 1.012-1.012h3.886c.565 0 1.013.447 1.013 1.012s-.448 1.013-1.013 1.013"/><path fill="#9B1C2E" d="M121.925 75.784H100.8a4.287 4.287 0 0 1 0-8.573h21.125a4.287 4.287 0 0 1 4.286 4.287c-.024 2.355-1.931 4.286-4.286 4.286"/><path fill="#F06365" d="M119.476 72.605h-11.493a.97.97 0 0 1-.965-.966.97.97 0 0 1 .965-.965h11.493a.97.97 0 0 1 .965.965.97.97 0 0 1-.965.966M101.766 74.018a2.496 2.496 0 1 0 0-4.992 2.496 2.496 0 0 0 0 4.992"/><path fill="#fff" d="M136.174 62.76h-29.815a2.844 2.844 0 0 1-2.849-2.85V40.977a2.844 2.844 0 0 1 2.849-2.85h29.792a2.844 2.844 0 0 1 2.849 2.85v18.935a2.81 2.81 0 0 1-2.826 2.85"/><path fill="#F89142" fill-rule="evenodd" d="M111.116 54.648a.412.412 0 1 0 .001.825.412.412 0 0 0-.001-.825m-1.001.412a1 1 0 1 1 2.002 0 1 1 0 0 1-2.002 0M119.052 48.454a.412.412 0 1 0 0 .824.412.412 0 0 0 0-.824m-1.001.412a1 1 0 1 1 2.002 0 1 1 0 0 1-2.002 0" clip-rule="evenodd"/><path fill="#F06365" fill-rule="evenodd" d="M117.942 49.721c.1.128.077.313-.051.413l-5.205 4.05a.294.294 0 1 1-.361-.464l5.204-4.05a.294.294 0 0 1 .413.051" clip-rule="evenodd"/><path fill="#F89142" d="M89.496 77.503c.848 0 1.555-.66 1.555-1.507V63.42c0-.824-.683-1.507-1.555-1.507H64.11c-.848 0-1.554.659-1.554 1.507v12.6c0 .824.683 1.507 1.554 1.507z"/><path fill="#99290A" d="M69.385 69.66a1.648 1.648 0 1 0 0-3.297 1.648 1.648 0 0 0 0 3.297M66.582 72.91c0-1.53 1.272-2.755 2.85-2.755s2.85 1.248 2.85 2.756zM80.948 68.742h-5.37a.97.97 0 0 1-.965-.965.97.97 0 0 1 .966-.966h5.37a.97.97 0 0 1 .965.966.955.955 0 0 1-.966.965M86.412 72.346H75.579a.97.97 0 0 1-.966-.966.97.97 0 0 1 .966-.965h10.833a.97.97 0 0 1 .966.965c.023.518-.424.966-.966.966"/><path fill="#002F24" d="M19.67 119.799H-19V93.187a9.58 9.58 0 0 1 9.585-9.585H19.67z"/><path fill="#005E41" d="M14.3 67.234H44.09a12.89 12.89 0 0 1 12.317 9.067L69.902 119.8H-.325c-5.44 0-9.397-5.181-7.96-10.457L.452 77.738c1.72-6.194 7.395-10.504 13.848-10.504"/><path fill="#FFF1E3" d="m31.492 110.284 4.027.566 9.468-2.685c1.13-.306 2.331-.118 3.273.541l8.973 6.288v1.72H55.56l-.024.918H44.963l-3.556-.542s-.73 2.049-5.181 2.756h-5.958z"/><path fill="#4F1600" fill-rule="evenodd" d="M42.991 113.878a.295.295 0 0 1 .404-.102l5.346 3.203a.295.295 0 0 1-.303.505l-5.346-3.203a.293.293 0 0 1-.1-.403M40.946 115.472a.295.295 0 0 1 .406-.091l2.12 1.343a.294.294 0 1 1-.315.497l-2.12-1.342a.295.295 0 0 1-.09-.407M45.85 112.804a.293.293 0 0 1 .409-.078l6.452 4.38a.294.294 0 1 1-.33.487l-6.453-4.38a.295.295 0 0 1-.078-.409M48.773 111.904a.294.294 0 0 1 .41-.07l6.547 4.639a.295.295 0 0 1-.34.481l-6.547-4.64a.294.294 0 0 1-.07-.41" clip-rule="evenodd"/><path fill="#0D234B" d="M51.463 119.799h-15.45v-.283a3.055 3.055 0 0 1 3.062-3.061h12.388z"/><path fill="#ABE3BB" d="M96.302 119.799H50.38l9.279-25.788a4.6 4.6 0 0 1 4.31-3.038h38.787c1.908 0 3.25 1.908 2.591 3.698z"/><path fill="#002F24" fill-rule="evenodd" d="M79.11 102.595a2.955 2.955 0 1 0 0 5.91 2.955 2.955 0 0 0 0-5.91m-3.544 2.956a3.545 3.545 0 1 1 7.09 0 3.545 3.545 0 0 1-7.09 0" clip-rule="evenodd"/><path fill="#002F24" d="M11.617 93.61 9.238 104.21l8.596 1.624z"/><path fill="#002F24" fill-rule="evenodd" d="M49.36 92.005a.294.294 0 0 1 .223.351l-2.779 12.506a.295.295 0 0 1-.574-.128l2.779-12.505a.294.294 0 0 1 .35-.224M49.81 90.883a.294.294 0 0 1 0 .416l-.024.024a.294.294 0 0 1-.417-.416l.024-.024a.294.294 0 0 1 .416 0" clip-rule="evenodd"/><path fill="#FFF1E3" d="M32.86 72.769h-3.698a4.473 4.473 0 0 1-4.474-4.475v-13.07h12.67v13.07c0 2.473-2.026 4.475-4.498 4.475"/><path fill="#042048" d="M41.478 42.671s-5.911 8.266-18.37 7.772c0 0-.73-7.042 1.437-10.457 2.167-3.414 10.362-4.168 12.529-3.58 2.214.59 4.192 5.252 4.404 6.265"/><path fill="#000" d="M31.539 61.44h-5.652a10.21 10.21 0 0 1-10.221-10.22v-8.926a7.79 7.79 0 0 1 7.795-7.795h8.078zM46.07 37.208c3.038.706 4.545 4.38 3.038 7.418l-3.532 7.089-4.781-6.406z"/><path fill="#000" d="M39.24 44.461c6.516 0 11.799-3.753 11.799-8.384 0-4.63-5.283-8.384-11.799-8.384s-11.799 3.754-11.799 8.384 5.283 8.384 11.8 8.384"/><path fill="#FFF1E3" d="m36.696 64.785-4.05-.117c-6.289-.189-11.234-4.899-11.022-10.527l.33-8.69c.211-5.629 5.487-10.056 11.775-9.868l1.342.047c6.288.188 11.234 4.898 11.022 10.527l-.4 11.116c-.19 4.31-4.193 7.654-8.997 7.512"/><path fill="#000" d="M45.176 39.375a12.45 12.45 0 0 0-8.337-6.123l-6.618-1.366-1.625-2.567c-7.442 3.085-4.616 8.36-4.616 8.36a4.73 4.73 0 0 0-2.12 3.933v.66H18.73v10.267h5.557a2.31 2.31 0 0 0 2.308-2.307V45.71a6.04 6.04 0 0 0 3.557-5.51v-1.108s4.78 7.607 17.238 4.286z"/><path fill="#FFF1E3" d="M21.13 54.258a3.226 3.226 0 1 0 0-6.453 3.226 3.226 0 0 0 0 6.453"/><path fill="#500715" fill-rule="evenodd" d="M21.032 49.2a.294.294 0 0 1 .376.18l.942 2.66a.294.294 0 1 1-.555.197l-.942-2.661a.294.294 0 0 1 .18-.376" clip-rule="evenodd"/><path fill="#500715" fill-rule="evenodd" d="M19.611 51.409c0-.163.132-.295.295-.295h1.837a.294.294 0 1 1 0 .589h-1.837a.294.294 0 0 1-.295-.294M28.743 64.329a.294.294 0 0 1 .38-.172c.9.337 2.22.535 3.58.635 1.353.1 2.719.1 3.697.053a.294.294 0 0 1 .028.588c-1 .047-2.39.047-3.768-.054-1.372-.1-2.761-.303-3.744-.671a.294.294 0 0 1-.173-.38" clip-rule="evenodd"/><path fill="#500715" fill-rule="evenodd" d="M37.356 64.844v.589h-.228a205 205 0 0 0-2.735.023l-.008-.588a248 248 0 0 1 2.912-.024z" clip-rule="evenodd"/></g><defs><clipPath id="character-computer-graphics_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 character_computer_graphics = illustration;
export const characterComputerGraphics = illustration;