pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 8.96 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#character-box-letters_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"/><path fill="#000" d="M53.728 44.593H35.477V20.567c0-6.512 5.275-11.811 11.81-11.811h6.465v35.837z"/><path fill="#000" d="M75.163 44.594H40.918V10.11C40.918.652 48.57-7 58.028-7 67.489-7 75.14.652 75.14 10.11v34.484z"/><path fill="#00A0D6" d="M67.915 39.722H37.686v-3.565c0-5.632 4.563-10.218 10.22-10.218h11.098c4.919 0 8.911 3.992 8.911 8.911z"/><path fill="#00A0D6" d="M82.007 88.63H52.8L39.587 35.896h28.47L82.65 59.233z"/><path fill="#005D92" d="M32.505 144.691h49.598v-40.567l-40.448-7.937-6.726 15.09a41.6 41.6 0 0 0-3.47 20.224z"/><path fill="#005D92" d="M82.103 104.458 31.39 126.274s-.499-9.839 8.057-25.12z"/><path fill="#0D234B" d="M82.103 104.458 31.39 126.274s-.499-9.839 8.057-25.12z" opacity=".2"/><path fill="#00A0D6" d="m64.47 42.05 14.448 20.605c1.64 2.353 2.163 5.323 1.379 8.08l-2.97 10.552 4.206 23.146h-21.08z"/><path fill="#00A0D6" d="M64.85 35.896h4.372a7.52 7.52 0 0 1 6.536 3.826l11.17 21.103a10.07 10.07 0 0 1 1.187 4.753l.072 18.18-6.678 20.675h-3.28L65.396 42.027z"/><path fill="#0D234B" d="M82.198 69.047a.29.29 0 0 1-.286-.285v-.974c0-.927-.237-1.83-.689-2.638l-4.182-7.534c-.072-.142-.024-.332.118-.404.143-.07.333-.023.404.12l4.183 7.533c.5.903.76 1.9.76 2.923v.974c-.023.143-.142.285-.308.285"/><path fill="#FFC8A3" d="M49.07 102.176v1.283l-2.258-.119v4.349h14.425c.903 0 1.758-.428 2.281-1.164.903 0 1.759-.452 2.282-1.212l1.544-2.258z"/><path fill="#00A0D6" d="M60.453 104.457H41.465l1.33-29.017-12.428-24.002c-3.66-7.082 1.473-15.543 9.458-15.543h9.981l16.018 25.81a18.03 18.03 0 0 1 1.925 13.379z"/><path fill="#0D234B" d="m37.234 64.722 4.302-6.393 6.654 10.172-5.585 6.582z"/><path fill="#fff" d="M62.568 84.994H44.126a1.67 1.67 0 0 1-1.663-1.663V70.14c0-.903.737-1.663 1.663-1.663h18.442c.903 0 1.663.736 1.663 1.663v13.19c-.023.926-.76 1.663-1.663 1.663"/><path fill="#F89142" d="M62.568 84.994H44.126a1.67 1.67 0 0 1-1.663-1.663V70.14c0-.903.737-1.663 1.663-1.663h18.442c.903 0 1.663.736 1.663 1.663v13.19c-.023.926-.76 1.663-1.663 1.663" opacity=".9"/><path fill="#fff" d="M64.42 84.994H45.98a1.67 1.67 0 0 1-1.664-1.663V70.14c0-.903.737-1.663 1.664-1.663h18.442c.902 0 1.663.736 1.663 1.663v13.19c0 .926-.76 1.663-1.663 1.663"/><path fill="#F89142" d="M64.42 84.994H45.98a1.67 1.67 0 0 1-1.664-1.663V70.14c0-.903.737-1.663 1.664-1.663h18.442c.902 0 1.663.736 1.663 1.663v13.19c0 .926-.76 1.663-1.663 1.663" opacity=".7"/><path fill="#FFC8A3" d="M47.714 84.471H67.06c.903 0 1.663-.736 1.663-1.663V70.14c0-.903-.736-1.663-1.663-1.663H47.714c-.903 0-1.663.736-1.663 1.663v12.667c.023.927.76 1.663 1.663 1.663"/><path fill="#fff" d="M50.566 77.2a.275.275 0 0 0 .285-.286v-5.799a.275.275 0 0 0-.285-.285.275.275 0 0 0-.285.285v5.799c-.024.166.119.285.285.285M48.808 77.2a.275.275 0 0 0 .285-.286v-5.799a.275.275 0 0 0-.285-.285.275.275 0 0 0-.285.285v5.799c0 .166.142.285.285.285M52.254 77.2a.275.275 0 0 0 .285-.285V75.18a.275.275 0 0 0-.285-.286.275.275 0 0 0-.285.286v1.734c0 .167.119.286.285.286M52.254 74.3a.275.275 0 0 0 .285-.285v-1.164a.275.275 0 0 0-.285-.286.275.275 0 0 0-.285.286v1.164c0 .166.119.285.285.285"/><path fill="#0D234B" d="M60.096 81.69H57.53a1.67 1.67 0 0 1-1.664-1.663V59.969c0-.903.737-1.663 1.664-1.663h2.566c.903 0 1.664.736 1.664 1.663v20.058c0 .903-.737 1.663-1.664 1.663"/><path fill="#005D92" d="M59.288 81.69h16.445c.903 0 1.663-.736 1.663-1.663V59.969c0-.903-.736-1.663-1.663-1.663H59.288c-.903 0-1.664.736-1.664 1.663v20.058c0 .903.737 1.663 1.664 1.663"/><path fill="#8EDDF9" d="M59.36 62.085v2.471c0 1.117.902 2.02 2.02 2.02 1.116 0 2.02-.903 2.02-2.02v-2.471c0-1.117-.904-2.02-2.02-2.02-1.118 0-2.02.903-2.02 2.02"/><path fill="#fff" d="M67.416 83.282h22.243c.903 0 1.664-.737 1.664-1.663V64.603c0-.903-.737-1.663-1.664-1.663H67.415c-.903 0-1.663.736-1.663 1.663v17.016c0 .926.737 1.663 1.663 1.663"/><path fill="#969087" d="M67.416 83.282h22.243c.903 0 1.664-.737 1.664-1.663V64.603c0-.903-.737-1.663-1.664-1.663H67.415c-.903 0-1.663.736-1.663 1.663v17.016c0 .926.737 1.663 1.663 1.663" opacity=".5"/><path fill="#D3CECB" d="M69.15 83.282h22.268c.903 0 1.664-.737 1.664-1.663V64.603c0-.903-.737-1.663-1.664-1.663H69.174c-.903 0-1.663.736-1.663 1.663v17.016c0 .926.737 1.663 1.64 1.663"/><path fill="#fff" d="M70.909 83.282h22.838c.903 0 1.663-.737 1.663-1.663V64.603c0-.903-.736-1.663-1.663-1.663H70.909c-.903 0-1.664.736-1.664 1.663v17.016c0 .926.737 1.663 1.664 1.663"/><path fill="#D3CECB" d="M70.909 83.282h22.838c.903 0 1.663-.737 1.663-1.663V64.603c0-.903-.736-1.663-1.663-1.663H70.909c-.903 0-1.664.736-1.664 1.663v17.016c0 .926.737 1.663 1.664 1.663" opacity=".7"/><path fill="#fff" d="M72.644 83.282h22.838c.903 0 1.664-.737 1.664-1.663V64.603c0-.903-.737-1.663-1.664-1.663H72.644c-.903 0-1.663.736-1.663 1.663v17.016c0 .926.736 1.663 1.663 1.663"/><path fill="#D3CECB" d="M72.644 83.282h22.838c.903 0 1.664-.737 1.664-1.663V64.603c0-.903-.737-1.663-1.664-1.663H72.644c-.903 0-1.663.736-1.663 1.663v17.016c0 .926.736 1.663 1.663 1.663" opacity=".5"/><path fill="#F3F2F2" d="M74.378 83.282h22.838c.904 0 1.664-.737 1.664-1.663V64.603c0-.903-.737-1.663-1.664-1.663H74.378c-.903 0-1.663.736-1.663 1.663v17.016c.024.926.76 1.663 1.663 1.663"/><path fill="#fff" d="M76.137 83.282h23.409c.903 0 1.663-.737 1.663-1.663V64.603c0-.903-.737-1.663-1.663-1.663H76.137c-.903 0-1.663.736-1.663 1.663v17.016c0 .926.736 1.663 1.663 1.663"/><path fill="#F3F2F2" d="M97.455 72.85a.275.275 0 0 0 .285-.285v-5.798a.275.275 0 0 0-.285-.286.275.275 0 0 0-.285.286v5.798c0 .167.142.285.285.285M95.719 72.85a.275.275 0 0 0 .285-.285v-5.798a.275.275 0 0 0-.285-.286.275.275 0 0 0-.285.286v5.798c0 .167.118.285.285.285M99.165 70.521a.275.275 0 0 0 .285-.285V69.07a.275.275 0 0 0-.285-.285.275.275 0 0 0-.285.285v1.165c0 .142.119.285.285.285M99.165 72.85a.275.275 0 0 0 .285-.285V71.4a.275.275 0 0 0-.285-.285.275.275 0 0 0-.285.285v1.165c0 .142.119.285.285.285"/><path fill="#E5E5E5" d="M79.71 81.396h.571v-2.33h-.57zM82.621 80.804h.57v-2.33h-.57z"/><path fill="#005D92" d="M40.656 104.457h37.905V78.482H41.773a3.296 3.296 0 0 0-3.303 3.304v17.776z"/><path fill="#00A0D6" d="M87.283 78.482c.166 0 .333.12.333.31.166 2.114 1.996 3.754 4.206 3.754s4.016-1.663 4.206-3.755c.024-.166.167-.309.333-.309h4.991a3.296 3.296 0 0 1 3.303 3.304v19.368a3.296 3.296 0 0 1-3.303 3.303H78.514V78.482z"/><path fill="#005D92" d="M87.259 91.862h9.173c0-1.093-.88-1.972-1.972-1.972H89.23c-1.093 0-1.972.879-1.972 1.972"/><path fill="#F06365" d="M79.131 68.762a1.64 1.64 0 1 0 0-3.28 1.64 1.64 0 0 0 0 3.28"/><path fill="#FFC8A3" d="M56.39 104.457a1.565 1.565 0 0 0 1.164-1.663c-.072-.808-.808-1.402-1.616-1.402h-4.753a3.7 3.7 0 0 1-2.923-1.45l-.523-.69-1.973.025v-.024h-9.34l7.059 7.224c1.402 1.426 3.35 2.234 5.418 2.234H59.36c.927 0 1.782-.451 2.305-1.212l.452-.665a5 5 0 0 0 .594-.642l1.426-1.758z"/><path fill="#00A0D6" d="M44.816 35.896h-5.229a11.44 11.44 0 0 0-10.456 6.773L15.68 72.684a8.85 8.85 0 0 0 1.616 9.695L33.195 99.3l14.52-.047-16.944-24.24 10.765-16.684z"/><path fill="#0D234B" d="M76.423 56.404c-.071 0-.119-.023-.19-.07l-.048-.025c-.118-.095-.142-.285-.047-.427.095-.12.285-.143.427-.048l.048.024c.119.095.143.285.048.428-.072.07-.143.118-.238.118"/><path fill="#005D92" d="M70.387 56.31h-2.495a2.495 2.495 0 1 1 0-4.99h2.495a2.495 2.495 0 1 1 0 4.99"/><path fill="#FFC8A3" d="m61.665 30.24-2.044-.072c-6.44-.214-11.479-5.608-11.265-12.025l.262-8.08C48.83 3.623 54.226-1.415 60.643-1.2c6.44.213 11.478 5.608 11.264 12.025l-.333 10.123c-.142 5.3-4.61 9.459-9.91 9.292"/><path fill="#000" d="M49.854 14.769h2.424a3.4 3.4 0 0 0 3.398-3.398V8.78c7.034 3.873 18.441 1.734 18.441 1.734L71.48.7 54.394 3.362z"/><path fill="#000" d="M49.854 14.768H43.2l6.654-16.184L58.6-3.792l9.53 1.64L70.98 4.62l-17.42.88z"/><path fill="#FFC8A3" d="M47.74 19.593a3.47 3.47 0 1 0-.001-6.94 3.47 3.47 0 0 0 0 6.94"/><path fill="#500715" d="M48.737 17.597a.31.31 0 0 1-.285-.19l-.998-2.852c-.048-.166.024-.333.19-.38.166-.048.333.023.38.19l.998 2.851c.048.167-.023.333-.19.38z"/><path fill="#500715" d="M48.405 16.788h-1.997a.29.29 0 0 1-.285-.285c0-.143.143-.285.285-.285h1.996c.167 0 .286.142.286.285a.29.29 0 0 1-.285.285"/><path fill="#FFC8A3" d="M57.055 38.962a6.213 6.213 0 0 1-6.203-6.75l.594-6.844 11.859 2.02v5.347c-.024 3.446-2.828 6.227-6.25 6.227"/><path fill="#4F1600" d="M61.214 30.643c-1.592 0-3.921-.237-5.965-1.426-.119-.071-.143-.214-.095-.332.071-.12.214-.143.332-.095 3.256 1.877 7.439 1.235 7.486 1.235.12-.023.262.072.262.19.024.12-.071.262-.19.262-.048.047-.784.166-1.83.166"/></g><defs><clipPath id="character-box-letters_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_box_letters = illustration;
export const characterBoxLetters = illustration;