pn-design-assets/pn-assets/illustrations/character_letter_locker.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-letter-locker_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><g clip-path="url(#character-letter-locker_svg__b)"><path fill="#F3F2F2" d="m31.83 121.768-.021-101.87c0-2.163 1.753-3.898 3.935-3.898h99.775c2.182 0 3.936 1.756 3.936 3.898l.021 101.87z"/><path fill="#D3CECB" d="M82.563 57.545H37.006v11.564h45.557z"/><ellipse cx="79.141" cy="63.327" fill="#969087" rx="1.711" ry="1.713"/><path fill="#D3CECB" d="M82.563 42.555H37.006v11.564h45.557z"/><ellipse cx="79.141" cy="48.337" fill="#969087" rx="1.711" ry="1.713"/><path fill="#D3CECB" d="M82.563 27.564H37.006v11.564h45.557z"/><rect width="42.135" height="3.426" x="38.717" y="29.277" fill="#969087" rx="1.713"/><ellipse cx="79.141" cy="36.13" fill="#969087" rx="1.711" ry="1.713"/><path fill="#D3CECB" d="M82.563 72.535H37.006V84.1h45.557z"/><ellipse cx="79.141" cy="78.317" fill="#969087" rx="1.711" ry="1.713"/><path fill="#D3CECB" d="M82.563 87.526H37.006V99.09h45.557z"/><ellipse cx="79.141" cy="93.308" fill="#969087" rx="1.711" ry="1.713"/><path fill="#D3CECB" d="M82.563 102.516H37.006v11.564h45.557z"/><ellipse cx="79.141" cy="108.298" fill="#969087" rx="1.711" ry="1.713"/><path fill="#D3CECB" d="M82.563 117.507H37.006v11.564h45.557zM88.55 57.545h45.557v11.564H88.551z"/><ellipse fill="#969087" rx="1.711" ry="1.713" transform="matrix(-1 0 0 1 91.972 63.327)"/><path fill="#D3CECB" d="M88.55 42.555h45.557v11.564H88.551z"/><ellipse fill="#969087" rx="1.711" ry="1.713" transform="matrix(-1 0 0 1 91.972 48.337)"/><path fill="#D3CECB" d="M88.55 27.564h45.557v11.564H88.551z"/><rect width="42.135" height="3.426" x="90.262" y="29.277" fill="#969087" rx="1.713"/><ellipse fill="#969087" rx="1.711" ry="1.713" transform="matrix(-1 0 0 1 91.972 36.13)"/><path fill="#D3CECB" d="M88.55 72.535h45.557V84.1H88.551z"/><ellipse fill="#969087" rx="1.711" ry="1.713" transform="matrix(-1 0 0 1 91.972 78.317)"/><path fill="#D3CECB" d="M88.55 87.526h45.557V99.09H88.551z"/><ellipse fill="#969087" rx="1.711" ry="1.713" transform="matrix(-1 0 0 1 91.972 93.308)"/><path fill="#D3CECB" d="M88.55 102.516h45.557v11.564H88.551z"/><ellipse fill="#969087" rx="1.711" ry="1.713" transform="matrix(-1 0 0 1 91.972 108.298)"/><path fill="#D3CECB" d="M88.55 117.507h45.557v11.564H88.551z"/><path fill="#005E41" d="M129.511 127.893s-14.673-23.3-10.01-41.374c2.46-9.572 12.02-19.744 22.372-17.153 8.277 2.077 10.544 10.729 7.122 18.01-3.037 6.467-8.191 11.564-11.314 17.967-3.315 6.831-5.561 14.862-5.133 22.55z"/><g clip-path="url(#character-letter-locker_svg__c)"><path fill="#FBC2C1" d="M50.27 50.37H37.672v14.627H50.27z"/><path fill="#FBC2C1" d="M44.687 57.952c-6.588 0-11.935-5.354-11.935-11.95v-10.13c0-6.595 5.347-11.949 11.935-11.949 6.587 0 11.934 5.354 11.934 11.95V45.98c.021 6.617-5.326 11.97-11.934 11.97"/><path fill="#fff" d="M30.87 43.047v-6.639a3.243 3.243 0 0 1 3.229-3.234h1.54v5.118c0 2.613-2.14 4.755-4.77 4.755M58.439 43.047v-6.639a3.243 3.243 0 0 0-3.23-3.234h-1.326v5.311c0 2.506 2.053 4.562 4.555 4.562"/><path fill="#FBC2C1" d="M32.751 47.716a3.21 3.21 0 0 0 3.208-3.213 3.21 3.21 0 0 0-3.208-3.212 3.21 3.21 0 0 0-3.208 3.212 3.21 3.21 0 0 0 3.208 3.212M56.58 47.716a3.21 3.21 0 0 0 3.208-3.213 3.21 3.21 0 0 0-3.209-3.212 3.21 3.21 0 0 0-3.208 3.212 3.21 3.21 0 0 0 3.208 3.212"/><path fill="#fff" d="M50.011 48.443s-1.433-1.82-2.973-1.948c-1.54-.129-1.989.514-1.989.514 0-.022-.47-.643-1.989-.514-1.54.128-2.973 1.948-2.973 1.948s-2.203 2.206-3.614 2.335c0 0 4.79 2.89 8.576-.643 3.786 3.555 8.577.643 8.577.643-1.412-.129-3.615-2.335-3.615-2.335"/><path fill="#005E41" d="m54.717 60.65-.214-1.456c-.214-1.392-1.411-2.442-2.823-2.442H35.896a2.854 2.854 0 0 0-2.824 2.442l-.213 1.499a2.83 2.83 0 0 1-2.182 2.355l-8.192 1.906c-5.582 1.307-3.379 6.49-2.93 12.207l-.62 44.607h60.1l-3.25-45.357a12.57 12.57 0 0 0-9.69-11.264l-9.218-2.141a2.83 2.83 0 0 1-2.16-2.356"/><path fill="#002F24" d="m63.765 121.768 1.99-20.965c.02-.15-.086-.278-.236-.3s-.278.086-.3.236l-2.01 21.008h.556z"/><path fill="#005E41" d="m34.762 117.678-15.42 2.398c-8.898 1.392-16.448-6.51-14.694-15.333l5.582-28.096c1.454-7.26 6.288-10.365 15.207-12.485l5.219-1.114z"/><path fill="#FDEFEE" d="M52.3 121.768H35.682V61.121c0-1.07.877-1.949 1.946-1.949h12.726c1.07 0 1.946.878 1.946 1.95z"/><path fill="#FBC2C1" d="M47.252 65.918h-6.545a3.014 3.014 0 0 1-3.016-3.02v-6.232h12.577v6.232c0 1.67-1.348 3.02-3.016 3.02"/><path fill="#002F24" d="m24.089 89.86-2.417 14.155 9.496-2.741zM62.93 113.716a.26.26 0 0 1-.256-.257V89.731a.26.26 0 0 1 .257-.257c.128 0 .256.129.256.257v23.706c0 .15-.107.279-.256.279"/><path fill="#500715" d="m42.547 101.252 2.46 8.588-2.46 1.071z"/><path fill="#fff" d="M78.63 90.288 67.785 112.58c-.899 1.863-3.145 2.634-5.005 1.734l-13.539-6.595c-1.86-.9-2.63-3.148-1.732-5.011l10.843-22.293c.899-1.863 3.145-2.634 5.005-1.735l13.539 6.596c1.86.9 2.63 3.148 1.732 5.01"/><path fill="#F06365" d="M64.814 85.32a2.323 2.323 0 0 1-3.123 1.07 2.33 2.33 0 0 1-1.07-3.126 2.324 2.324 0 0 1 3.123-1.07 2.33 2.33 0 0 1 1.07 3.126"/><path fill="#E0F8FF" d="m74.202 90.18-3.679 7.56c-.641 1.307-2.224 1.863-3.529 1.22-1.305-.641-1.86-2.226-1.219-3.532l3.679-7.56c.641-1.306 2.224-1.863 3.529-1.22 1.304.642 1.86 2.227 1.219 3.533"/><path fill="#FBC2C1" d="M63.615 96.305a1.286 1.286 0 0 0-1.84-.942l-6.609 3.212-5.924.536 2.566-5.29-2.63 1.264c-.45.214-.835.514-1.177.9l-3.892 4.496-5.818 2.849.813 5.46 6.395-2.634 1.518 2.806 5.454-.193a8.2 8.2 0 0 0 3.615-.964l2.78-1.413 1.37-.664c.577-.278.812-.985.534-1.542a1.17 1.17 0 0 0-.834-.621l1.326-.642a1.156 1.156 0 0 0 .043-2.056l.898-.429c.577-.278.813-.985.535-1.541a1.14 1.14 0 0 0-.642-.579l.278-.192.706-.493c.406-.321.62-.835.535-1.328m-5.775 5.697-.022-.022z"/><path fill="#FBC2C1" d="m47.017 108.961-9.326 4.069.6-5.803 8.255-2.913z"/><path fill="#005E41" d="M42.547 101.724v10.15a2.39 2.39 0 0 1-1.668 2.292l-6.031 1.97-3.059-14.755 7.721-1.991c1.562-.386 3.037.749 3.037 2.334"/><path fill="#4F1600" d="m42.547 101.252 1.797 8.866-1.797.793zM32.195 45.681a.28.28 0 0 1-.256-.171c-.043-.15.021-.3.17-.343l.792-.278-1.134-.986c-.107-.106-.128-.256-.02-.385.106-.107.256-.128.384-.021l1.476 1.285c.064.064.107.15.085.257-.021.085-.085.17-.17.192l-1.22.429c-.043.021-.064.021-.107.021M57.177 45.574c-.022 0-.065 0-.086-.022l-1.198-.428c-.085-.043-.17-.107-.17-.214-.022-.107.02-.193.106-.257l1.519-1.092c.128-.086.278-.065.363.064.086.128.065.278-.064.364l-1.112.792.706.257c.15.043.214.193.17.343-.02.128-.127.193-.234.193"/><path fill="#FDEFEE" d="m37.456 60.778 6.524 5.14 6.673-5.14H51.7l-.235 5.975-13.41 1.842-1.177-5.076z"/><path fill="#1D1D1B" d="M40.558 70.929a.35.35 0 0 1-.193-.064l-3.678-3.405a.294.294 0 0 1-.022-.386.294.294 0 0 1 .385-.021l3.465 3.212 3.251-4.154a.26.26 0 0 1 .214-.108c.086 0 .171.043.214.108l2.93 4.133 3.593-2.913c.107-.085.278-.064.385.043a.275.275 0 0 1-.043.385l-3.807 3.084a.36.36 0 0 1-.214.064c-.064 0-.128-.042-.17-.107l-2.888-4.09-3.208 4.09c-.043.086-.129.107-.214.129 0 0 .021 0 0 0"/><path fill="#002F24" d="M24.174 91.187h-.043c-.15-.021-.235-.17-.214-.3l1.24-7.28c.022-.15.172-.236.3-.215.15.022.235.172.214.3l-1.24 7.281a.254.254 0 0 1-.257.214"/><path fill="#4F1600" d="M43.83 57.909c-4.427-.279-6.096-2.163-6.117-2.184l-.022-.022v.728c.728.6 2.588 1.8 6.117 2.013h.022c.15 0 .256-.107.256-.257s-.128-.278-.256-.278"/></g></g></g><defs><clipPath id="character-letter-locker_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><clipPath id="character-letter-locker_svg__b"><path fill="#fff" d="M3 16h151v112H3z"/></clipPath><clipPath id="character-letter-locker_svg__c"><path fill="#fff" d="M3 23.923h76.142v97.866H3z"/></clipPath></defs></svg>';
export const character_letter_locker = illustration;
export const characterLetterLocker = illustration;