pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 15.2 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#person-letter-city-1_svg__a)"><path fill="#ABE3BB" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><g fill="#5EC584" opacity=".7"><path d="M27.6 32.505a.33.33 0 0 1-.323-.323c0-3.906-3.178-7.111-7.11-7.111-2.748 0-5.253 1.616-6.439 4.094-.08.162-.269.243-.457.162a.346.346 0 0 1-.162-.458c1.266-2.72 4.04-4.471 7.03-4.471 4.283 0 7.785 3.474 7.785 7.784a.31.31 0 0 1-.323.323M50.9 102.944a.33.33 0 0 1-.323-.323V53.435H36.301a.33.33 0 0 1-.324-.324c0-.161.162-.323.324-.323h14.95v49.833c0 .161-.162.323-.35.323M32.476 102.944a.33.33 0 0 1-.324-.323v-49.51c0-.188.162-.323.324-.323.161 0 .323.162.323.323v49.51a.33.33 0 0 1-.323.323"/><path d="M32.475 102.944a.33.33 0 0 1-.323-.323V32.505H8.18V65.34a.33.33 0 0 1-.324.323.35.35 0 0 1-.323-.323V32.18c0-.188.162-.323.323-.323h24.647c.189 0 .324.162.324.324v70.439c-.027.161-.162.323-.35.323"/><path d="M32.476 39.348H7.91a.33.33 0 0 1-.323-.324c0-.161.162-.323.323-.323h24.566c.189 0 .324.162.324.323a.33.33 0 0 1-.324.324M32.476 46.404H7.91a.33.33 0 0 1-.323-.323c0-.162.162-.323.323-.323h24.566c.189 0 .324.161.324.323a.33.33 0 0 1-.324.323M32.476 53.435H7.91a.33.33 0 0 1-.323-.324c0-.161.162-.323.323-.323h24.566c.189 0 .324.162.324.323a.33.33 0 0 1-.324.324M32.476 60.492H7.91a.33.33 0 0 1-.323-.323c0-.162.162-.323.323-.323h24.566c.189 0 .324.161.324.323a.33.33 0 0 1-.324.323M32.476 67.523H7.91a.33.33 0 0 1-.323-.324c0-.161.162-.323.323-.323h24.566c.189 0 .324.162.324.323a.33.33 0 0 1-.324.323M32.476 74.58H12.543a.33.33 0 0 1-.323-.323c0-.162.161-.323.323-.323h19.933c.189 0 .323.161.323.323a.327.327 0 0 1-.323.323M32.476 81.61H12.543a.33.33 0 0 1-.323-.323c0-.162.161-.323.323-.323h19.933c.189 0 .323.162.323.323a.33.33 0 0 1-.323.323M32.476 88.64H12.543a.33.33 0 0 1-.323-.323c0-.161.161-.323.323-.323h19.933c.189 0 .323.162.323.323a.327.327 0 0 1-.323.324M29.055 95.698H12.543a.33.33 0 0 1-.323-.323c0-.162.161-.323.323-.323h16.512c.189 0 .323.161.323.323a.33.33 0 0 1-.323.323M183.967 103.349H-34.677a.33.33 0 0 1-.323-.324c0-.161.162-.323.323-.323H183.94c.189 0 .323.162.323.323 0 .162-.107.324-.296.324"/><path d="M66.955 102.971a.327.327 0 0 1-.323-.323V55.24c0-1.05-.512-2.074-1.374-2.694l-12.013-8.593c-.377-.27-.89-.323-1.293-.108a1.27 1.27 0 0 0-.674 1.105v57.671a.327.327 0 0 1-.323.323.35.35 0 0 1-.323-.323V44.977c0-.727.404-1.374 1.05-1.724.647-.323 1.401-.27 1.994.135l12.013 8.592a4 4 0 0 1 1.67 3.233v47.408c-.053.216-.215.35-.404.35"/><path d="M54.914 93.193a.33.33 0 0 1-.323-.323V56.425c0-.189.161-.323.323-.323s.323.161.323.323v36.418c0 .189-.134.35-.323.35M58.928 94.918a.33.33 0 0 1-.323-.324V59.173c0-.189.161-.323.323-.323.161 0 .323.161.323.323v35.421c.027.189-.135.324-.323.324M62.968 94.917a.33.33 0 0 1-.324-.323V62.108c0-.188.162-.323.324-.323.161 0 .323.162.323.323v32.486c.027.188-.135.323-.323.323M102.915 102.971a.327.327 0 0 1-.324-.323V44.196H79.884v58.452a.327.327 0 0 1-.323.323.35.35 0 0 1-.324-.323V43.846c0-.189.162-.323.324-.323h23.354c.188 0 .323.161.323.323v58.802a.327.327 0 0 1-.323.323"/><path d="M100.463 44.169H81.958v-1.347a2.817 2.817 0 0 1 2.801-2.802h12.903a2.816 2.816 0 0 1 2.801 2.802zm-17.832-.674H99.79v-.673c0-1.185-.97-2.128-2.128-2.128H84.759c-1.185 0-2.128.97-2.128 2.128zM100.114 102.971a.327.327 0 0 1-.324-.323V51.091H82.632v51.557a.33.33 0 0 1-.323.323.35.35 0 0 1-.324-.323V50.741c0-.188.162-.323.324-.323h17.832c.188 0 .323.162.323.323v51.907c0 .188-.162.323-.35.323"/><path d="M85.272 99.416a.33.33 0 0 1-.324-.324v-48.35c0-.19.162-.324.324-.324.161 0 .323.162.323.323v48.351a.33.33 0 0 1-.323.323M88.234 102.971a.327.327 0 0 1-.323-.323V50.741c0-.188.162-.323.323-.323.162 0 .324.162.324.323v51.907a.31.31 0 0 1-.324.323M91.198 102.971a.327.327 0 0 1-.323-.323V50.741c0-.188.162-.323.323-.323.162 0 .324.162.324.323v51.907c.026.188-.135.323-.324.323M94.188 102.971a.327.327 0 0 1-.324-.323V50.741c0-.188.162-.323.323-.323.162 0 .324.162.324.323v51.907a.31.31 0 0 1-.323.323M97.15 102.971a.327.327 0 0 1-.323-.323V50.741c0-.188.162-.323.323-.323.162 0 .324.162.324.323v51.907c.027.188-.135.323-.324.323M114.794 102.971a.327.327 0 0 1-.323-.323V71.671h-7.947a.33.33 0 0 1-.323-.323c0-.162.162-.324.323-.324h8.62v31.624a.37.37 0 0 1-.35.323M102.915 102.971a.327.327 0 0 1-.323-.323v-31.3c0-.189.161-.324.323-.324s.323.162.323.324v31.3a.327.327 0 0 1-.323.323M79.507 102.971a.33.33 0 0 1-.323-.323V77.866c0-.188.161-.323.323-.323.161 0 .323.162.323.323v24.782c.027.188-.135.323-.323.323M66.955 102.972a.33.33 0 0 1-.323-.324V77.517h9.374c.188 0 .323.161.323.323a.35.35 0 0 1-.323.323h-8.7v24.458a.34.34 0 0 1-.35.351M98.956 40.694H83.71v-1.562a2.713 2.713 0 0 1 2.72-2.72h9.805a2.713 2.713 0 0 1 2.721 2.72zm-14.573-.673h13.9v-.89a2.046 2.046 0 0 0-2.047-2.047H86.43a2.046 2.046 0 0 0-2.047 2.048z"/><path d="M91.332 37.085a.33.33 0 0 1-.323-.324v-7.973c0-.189.161-.323.323-.323s.323.162.323.323v7.973a.31.31 0 0 1-.323.323M91.332 27.576a.33.33 0 0 1-.323-.323v-.027c0-.189.161-.324.323-.324s.323.162.323.324v.027a.31.31 0 0 1-.323.323M12.38 102.971a.33.33 0 0 1-.323-.323V73.745a1.89 1.89 0 0 0-1.886-1.886.33.33 0 0 1-.323-.323v-1.778a1.99 1.99 0 0 0-1.993-1.993.33.33 0 0 1-.323-.323v-2.478a1.69 1.69 0 0 0-1.697-1.697H1.498c-.727 0-1.374.457-1.616 1.158-.054.188-.243.27-.431.215-.189-.053-.27-.242-.216-.43.323-.97 1.24-1.59 2.236-1.59h4.337c1.32 0 2.37 1.05 2.37 2.37v2.156a2.65 2.65 0 0 1 2.317 2.64v1.454a2.56 2.56 0 0 1 2.208 2.532v28.903c0 .161-.134.296-.323.296M114.794 103.106a.327.327 0 0 1-.323-.323V48.506a2.586 2.586 0 0 1 2.586-2.586h18.909c.189 0 .323.161.323.323a.35.35 0 0 1-.323.323h-18.909a1.92 1.92 0 0 0-1.913 1.913v54.277c-.027.189-.188.35-.35.35"/><path d="M139.413 53.597h-21.037a.327.327 0 0 1-.323-.324c0-.161.161-.323.323-.323h21.037c.189 0 .324.162.324.323a.33.33 0 0 1-.324.324M139.413 60.627h-21.037a.327.327 0 0 1-.323-.323c0-.162.161-.324.323-.324h21.037c.189 0 .324.162.324.324a.33.33 0 0 1-.324.323M139.413 67.685h-21.037a.327.327 0 0 1-.323-.324c0-.161.161-.323.323-.323h21.037c.189 0 .324.162.324.323a.33.33 0 0 1-.324.324M139.413 74.715h-21.037a.327.327 0 0 1-.323-.323c0-.162.161-.324.323-.324h21.037c.189 0 .324.162.324.324a.33.33 0 0 1-.324.323M139.413 81.773h-21.037a.327.327 0 0 1-.323-.324c0-.161.161-.323.323-.323h21.037c.189 0 .324.162.324.323a.33.33 0 0 1-.324.323M139.413 88.803h-21.037a.327.327 0 0 1-.323-.323c0-.162.161-.324.323-.324h21.037c.189 0 .324.162.324.323a.33.33 0 0 1-.324.324M139.413 95.86h-21.037a.327.327 0 0 1-.323-.323c0-.162.161-.323.323-.323h21.037c.189 0 .324.162.324.323a.33.33 0 0 1-.324.323M110.511 102.783a.327.327 0 0 1-.323-.323v-4.93c0-.915-.619-1.67-1.401-1.67-.781 0-1.4.755-1.4 1.67v4.903a.327.327 0 0 1-.324.323.35.35 0 0 1-.323-.323v-4.93c0-1.292.943-2.343 2.074-2.343 1.132 0 2.074 1.05 2.074 2.344v4.929c-.026.189-.188.35-.377.35M1.553 95.43a4.506 4.506 0 0 1-4.498-4.499 4.506 4.506 0 0 1 4.498-4.498 4.506 4.506 0 0 1 4.498 4.498 4.506 4.506 0 0 1-4.498 4.498m0-8.35a3.82 3.82 0 0 0-3.825 3.824 3.84 3.84 0 0 0 3.825 3.825 3.84 3.84 0 0 0 3.825-3.825 3.84 3.84 0 0 0-3.825-3.825"/><path d="M1.553 102.971a.327.327 0 0 1-.324-.323v-8.943c0-.189.162-.323.324-.323.161 0 .323.161.323.323v8.943a.31.31 0 0 1-.323.323M1.553 92.493a.33.33 0 0 1-.324-.323v-.027c0-.189.162-.324.324-.324.161 0 .323.162.323.324v.026a.31.31 0 0 1-.323.324M39.857 63.132h-2.72a.33.33 0 0 1-.324-.323V57.61c0-.188.162-.323.324-.323h2.72c.189 0 .324.162.324.323v5.2a.327.327 0 0 1-.324.322m-2.397-.673h2.047v-4.525H37.46zM46.268 63.132h-2.721a.33.33 0 0 1-.323-.323V57.61c0-.188.161-.323.323-.323h2.72c.189 0 .324.162.324.323v5.2a.33.33 0 0 1-.324.322m-2.398-.673h2.047v-4.525H43.87zM39.857 72.183h-2.72a.33.33 0 0 1-.324-.323V66.66c0-.188.162-.323.324-.323h2.72c.189 0 .324.162.324.323v5.199a.327.327 0 0 1-.324.323m-2.397-.673h2.047v-4.526H37.46zM46.268 72.183h-2.721a.33.33 0 0 1-.323-.323V66.66c0-.188.161-.323.323-.323h2.72c.189 0 .324.162.324.323v5.199a.33.33 0 0 1-.324.323m-2.398-.673h2.047v-4.526H43.87zM39.857 81.96h-2.72a.33.33 0 0 1-.324-.323V76.44c0-.19.162-.324.324-.324h2.72c.189 0 .324.162.324.324v5.198a.31.31 0 0 1-.324.323m-2.397-.673h2.047v-4.525H37.46zM46.268 81.96h-2.721a.33.33 0 0 1-.323-.323V76.44c0-.19.161-.324.323-.324h2.72c.189 0 .324.162.324.324v5.198a.31.31 0 0 1-.324.323m-2.398-.673h2.047v-4.525H43.87zM34.362 53.435h-.027a.33.33 0 0 1-.323-.324c0-.161.161-.323.323-.323h.027c.188 0 .323.162.323.323a.33.33 0 0 1-.323.324M77.703 78.19h-.027a.33.33 0 0 1-.323-.324c0-.161.161-.323.323-.323h.027c.188 0 .323.162.323.323a.33.33 0 0 1-.323.323M73.23 84.923a.33.33 0 0 1-.323-.323v-.027c0-.188.162-.323.324-.323.161 0 .323.162.323.323v.027c.027.189-.135.323-.323.323M73.23 88.695a.33.33 0 0 1-.323-.323v-.027c0-.189.162-.323.324-.323.161 0 .323.161.323.323v.027c.027.188-.135.323-.323.323M73.23 92.466a.33.33 0 0 1-.323-.323v-.027c0-.188.162-.323.324-.323.161 0 .323.162.323.323v.027c.027.162-.135.323-.323.323M12.974 30.943a.33.33 0 0 1-.324-.323v-.027c0-.189.162-.323.324-.323.161 0 .323.161.323.323v.027c.027.161-.135.323-.323.323M54.914 94.918a.33.33 0 0 1-.323-.324v-.027c0-.188.161-.323.323-.323s.323.162.323.323v.027c.027.189-.134.324-.323.324M85.272 101.139a.327.327 0 0 1-.324-.323v-.027c0-.189.162-.323.324-.323.161 0 .323.161.323.323v.027a.327.327 0 0 1-.323.323M30.779 95.698h-.027a.33.33 0 0 1-.323-.323c0-.162.161-.323.323-.323h.027c.188 0 .323.161.323.323a.33.33 0 0 1-.323.323M-.01 78.19h-.026a.33.33 0 0 1-.323-.324c0-.161.161-.323.323-.323h.027c.188 0 .323.162.323.323a.33.33 0 0 1-.323.323M3.762 78.19h-.027a.33.33 0 0 1-.323-.324c0-.161.162-.323.323-.323h.027c.189 0 .324.162.324.323a.33.33 0 0 1-.324.323M7.533 78.19h-.027a.33.33 0 0 1-.323-.324c0-.161.161-.323.323-.323h.027c.188 0 .323.162.323.323a.33.33 0 0 1-.323.323M104.693 71.67h-.027a.327.327 0 0 1-.323-.322c0-.162.161-.324.323-.324h.027c.189 0 .323.162.323.324a.327.327 0 0 1-.323.323"/></g><path fill="#fff" d="M-9.842 27.307a7.076 7.076 0 0 1 7.085-7.084c3.905 0 7.084 3.178 7.084 7.084z"/><path fill="#0D234B" d="m36.866 23.214 24.27-6.627c7.38-1.697 14.438 3.906 14.438 11.475 0 6.707-5.576 12.04-12.283 11.771l-2.505-.107v15.03H40.449c-8.835 0-15.973-7.165-15.973-15.973a15.99 15.99 0 0 1 12.39-15.57"/><path fill="#FFC8A3" d="m84.275 114.77-.97 9.751a6.04 6.04 0 0 1-3.663 4.983l-1.158.485-.512-11.044z"/><path fill="#00A0D6" d="m78.78 67.685 9.535 43.017a5.42 5.42 0 0 1-2.72 5.926l-8.512 4.526z"/><path fill="#00A0D6" d="M80.827 110.568H42.685V51.227h28.31c3.61 0 6.68 2.693 7.165 6.276l6.492 48.701a3.854 3.854 0 0 1-3.825 4.364"/><path fill="#002F24" d="M85.702 78.594c-.054 0-.08 0-.135-.027-.134-.08-.161-.242-.107-.377l.027-.027c.08-.135.242-.162.377-.108.134.081.161.243.107.377l-.026.027a.28.28 0 0 1-.243.135"/><path fill="#00A0D6" d="m53 97.315-14.787 3.61c-7.542 1.831-14.465-4.768-12.957-12.391l5.819-29.145a10.44 10.44 0 0 1 10.235-8.405h14.762z"/><path fill="#00A0D6" d="M68.355 54.513H42.173v-3.07c0-4.876 3.96-8.863 8.862-8.863h9.616a7.7 7.7 0 0 1 7.704 7.704z"/><path fill="#00A0D6" d="M79.21 96.884H53.917L42.469 51.227h24.674l12.633 20.202z"/><path fill="#FFC8A3" d="M59.816 54.674c-3.017 0-5.388-2.532-5.253-5.522l.539-10.101h9.966v10.397c0 2.883-2.343 5.226-5.252 5.226"/><path fill="#FFC8A3" d="m63.56 47.293-1.643-.054c-5.252-.161-9.346-4.552-9.185-9.805l.216-6.572c.161-5.253 4.552-9.347 9.805-9.185 5.252.161 9.347 4.552 9.185 9.804l-.27 8.243c-.161 4.31-3.797 7.704-8.107 7.57"/><path fill="#4F1600" d="M63.237 47.266c-1.32 0-3.098-.242-4.768-1.185-.135-.08-.162-.242-.108-.377s.242-.162.377-.108c2.424 1.401 5.064 1.159 6.088.997.134-.027.296.08.296.215.027.135-.08.297-.215.297-.378.108-.97.161-1.67.161"/><path fill="#005D92" d="M36.327 145.451h42.964v-35.152l-35.017-6.869-5.819 13.064a36.2 36.2 0 0 0-3.017 17.509z"/><path fill="#00A0D6" d="m64.019 56.533 12.498 17.832a8.3 8.3 0 0 1 1.186 7.004l-2.56 9.158 6.385 20.068H60.544z"/><path fill="#00A0D6" d="M60.544 110.595H42.038c-3.34 0-6.033-2.802-5.872-6.142l.862-18.99-2.559-20.795c-3.178-6.142 1.266-13.441 8.189-13.441h8.646l13.873 22.357a15.55 15.55 0 0 1 1.67 11.583z"/><path fill="#005D92" d="M70.24 68.897h-2.154a2.16 2.16 0 0 1-2.155-2.155c0-1.185.97-2.155 2.155-2.155h2.154c1.186 0 2.155.97 2.155 2.155s-.97 2.155-2.154 2.155M62.725 68.897a2.155 2.155 0 1 0 0-4.31 2.155 2.155 0 0 0 0 4.31"/><path fill="#0D234B" d="m43.25 73.152-3.528 12.499 9.131-2.236z"/><path fill="#1D1D1B" d="M79.022 110.918a.33.33 0 0 1-.324-.324v-13.71c0-.189.162-.323.324-.323.161 0 .323.161.323.323v13.71c.027.189-.135.324-.323.324"/><path fill="#D3CECB" d="M92.086 77.624 82.039 98.258c-.808 1.67-2.802 2.343-4.472 1.535l-13.36-6.384c-1.67-.808-2.344-2.801-1.536-4.471L72.72 68.304c.808-1.67 2.801-2.343 4.471-1.535l13.36 6.384a3.355 3.355 0 0 1 1.536 4.471"/><path fill="#F0F0F0" d="M90.228 76.736 80.18 97.369c-.808 1.67-2.801 2.344-4.471 1.535l-13.36-6.384c-1.67-.808-2.344-2.801-1.536-4.471L70.86 67.416c.808-1.67 2.802-2.344 4.472-1.536l13.36 6.384c1.67.808 2.344 2.802 1.536 4.472"/><path fill="#FFC8A3" d="M75.708 80.803c-.135-.727-.916-1.158-1.59-.808l-5.763 2.774-5.172.458 2.235-4.606-2.29 1.105a3.6 3.6 0 0 0-1.023.78l-3.394 3.906-5.064 2.452-.539 8.458 8.108-3.529 4.741-.162a7.1 7.1 0 0 0 3.152-.835l2.424-1.239 1.185-.592c.512-.243.7-.835.458-1.347-.135-.296-.43-.485-.727-.539l1.158-.566c.512-.242.7-.835.458-1.346-.108-.189-.242-.35-.431-.431l.781-.377c.512-.243.7-.835.458-1.347-.108-.243-.323-.404-.566-.512l.243-.162.62-.43c.43-.243.592-.674.538-1.105"/><path fill="#00A0D6" d="M55.264 83.577v12.876L50.39 97.96v-13.36z"/><path fill="#0D234B" d="M68.113 26.74s2.532 4.095 6.06 4.23c0 0-.188-1.428-2.1-4.39-1.94-2.937-6.061-5.226-6.061-5.226l-1.159.97z"/><path fill="#0D234B" d="M68.113 26.74s-5.118 8.217-15.866 7.732c0 0-.62-6.977 1.266-10.398 1.885-3.394 8.943-4.148 10.828-3.555 1.886.592 3.61 5.198 3.772 6.222"/><path fill="#FFC8A3" d="M52.22 38.62a2.828 2.828 0 1 0 0-5.657 2.828 2.828 0 0 0 0 5.657"/><path fill="#500715" d="M53.029 37.085a.35.35 0 0 1-.324-.216l-.808-2.316c-.054-.189.027-.377.216-.431.188-.054.377.027.43.215l.809 2.317c.054.188-.027.377-.216.43z"/><path fill="#500715" d="M52.759 36.439h-1.616a.33.33 0 0 1-.324-.324c0-.161.162-.323.324-.323h1.616c.188 0 .323.162.323.323a.33.33 0 0 1-.323.323"/><path fill="#0D234B" d="m64.422 29.57-25.455 3.77a8.54 8.54 0 0 1-8.54-8.538 8.54 8.54 0 0 1 8.54-8.54h25.455z"/><path fill="#D3CECB" d="M82.174 81.584c-.054 0-.108 0-.162-.027-.162-.081-.243-.297-.135-.458l3.017-5.872c.08-.162.296-.243.458-.135.162.08.242.296.135.458l-3.017 5.872c-.054.108-.189.162-.296.162M81.527 82.85c-.054 0-.108-.027-.162-.054-.161-.08-.215-.296-.134-.458l.188-.35c.08-.161.296-.215.458-.135.162.081.216.297.135.458l-.189.35a.37.37 0 0 1-.296.19M82.793 83.496c-.053 0-.107 0-.161-.027-.162-.08-.216-.296-.135-.457l2.775-5.307c.08-.162.296-.215.457-.135.162.081.216.297.135.458l-2.774 5.28c-.081.134-.189.188-.297.188"/></g><defs><clipPath id="person-letter-city-1_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 person_letter_city_1 = illustration;
export const personLetterCity1 = illustration;