pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 8.1 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#group-of-people_svg__a)"><path fill="#FDEFEE" 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="#0D234B" d="M4.214 126.667c20.112 0 37.561-5.01 51.12-9.816l-2.295-28.918c-.41-5.254-4.26-9.653-9.42-10.793l-13.395-2.973H14.659L2.37 77.059c-5.12 1.222-8.847 5.539-9.257 10.752L-10 126.22c4.465.285 9.175.448 14.214.448"/><path fill="#0D234B" d="M34.333 85.834H12.167l1.507-13.228c.119-1.086 1.07-1.94 2.22-1.94h14.672c1.15 0 2.102.815 2.22 1.94z"/><path fill="#F89142" d="M23.833 68.334c9.021 0 16.334-7.574 16.334-16.917S32.854 34.5 23.833 34.5C14.813 34.5 7.5 42.074 7.5 51.417s7.313 16.917 16.333 16.917"/><path fill="#F89142" d="M11.583 40.334a7.583 7.583 0 1 0 0-15.167 7.583 7.583 0 0 0 0 15.167"/><path fill="#FFC8A3" d="M23.25 78.834c-3.536 0-6.417-2.656-6.417-5.914V69.5h12.834v3.42c-.044 3.299-2.881 5.913-6.417 5.913"/><path fill="#FFC8A3" d="M22.686 78.834c-3.225 0-5.853-2.731-5.853-6.082V61.334H28.5v11.46c.04 3.309-2.588 6.04-5.814 6.04"/><path fill="#FFC8A3" d="M23.833 68.334c-6.42 0-11.666-5.077-11.666-11.38V42.666H35.5v14.286c0 6.304-5.204 11.38-11.667 11.38"/><path fill="#F89142" d="m12.8 53.167 2.49-5.056c.713-1.45 2.295-2.237 3.837-1.906l2.65.622c1.305.29 2.69.29 3.994 0l2.729-.622c1.542-.331 3.124.456 3.836 1.906l2.413 5.056 3.084-3.771-1.107-6.009L25.02 38l-11.746 1.036-3.44 6.547z"/><path fill="#FFC8A3" d="M12.75 59a2.917 2.917 0 1 0 0-5.833 2.917 2.917 0 0 0 0 5.833M34.917 59a2.917 2.917 0 1 0 0-5.833 2.917 2.917 0 0 0 0 5.833"/><path fill="#4F1600" fill-rule="evenodd" d="M11.105 54.474a.48.48 0 0 1 .624-.047l1.604 1.213-1.648.962a.476.476 0 0 1-.613-.114c-.134-.183-.076-.428.129-.548l.654-.382-.698-.527a.367.367 0 0 1-.052-.557M35.444 54.472a.66.66 0 0 1-.02.578l-.343.545.27.32c.106.123.135.377.067.566-.069.19-.209.243-.314.12l-.77-.909.79-1.257c.094-.149.237-.132.32.037" clip-rule="evenodd"/><path fill="#500715" fill-rule="evenodd" d="M17.57 66.168a.384.384 0 0 0-.589-.054.53.53 0 0 0-.048.676l.32-.31-.32.31.001.002.003.003.006.008a2 2 0 0 0 .093.112c.062.07.153.168.275.284.245.231.614.536 1.128.849 1.028.626 2.627 1.279 4.948 1.451.231.017.43-.183.445-.447.015-.265-.16-.493-.39-.51-2.207-.163-3.689-.78-4.61-1.341a6 6 0 0 1-.986-.741 3 3 0 0 1-.266-.28l-.009-.012" clip-rule="evenodd"/><path fill="#1D1D1B" fill-rule="evenodd" d="M18.583 51.642a3.275 3.275 0 1 0 0 6.55 3.275 3.275 0 0 0 0-6.55M14.5 54.917a4.083 4.083 0 1 1 8.167 0 4.083 4.083 0 0 1-8.167 0M29.083 51.642a3.275 3.275 0 1 0 0 6.55 3.275 3.275 0 0 0 0-6.55M25 54.917a4.083 4.083 0 1 1 8.167 0 4.083 4.083 0 0 1-8.167 0" clip-rule="evenodd"/><path fill="#1D1D1B" fill-rule="evenodd" d="M23.272 53.88c-.456 0-.843.188-1.067.453l-.705-.408c.378-.447 1.023-.758 1.771-.758.712 0 1.355.315 1.729.758l-.705.409a1.37 1.37 0 0 0-1.024-.454" clip-rule="evenodd"/><path fill="#005E41" d="M118.092 74.182c5.238 1.227 9.084 5.686 9.493 11.044L130 124.333H72.467v-38.37c-.45-5.604-2.618-10.677 2.865-11.945l8.02-1.882a2.75 2.75 0 0 0 2.128-2.29l.204-1.473C85.89 67.023 87.075 66 88.467 66h15.467c1.391 0 2.578 1.023 2.782 2.373l.205 1.431a2.8 2.8 0 0 0 2.128 2.291z"/><path fill="#005E41" d="M106.297 80h-20.26c-4.076 0-7.37-3.128-7.37-7s3.294-7 7.37-7h20.26c4.076 0 7.37 3.129 7.37 7s-3.294 7-7.37 7"/><path fill="#99290A" d="M103.167 59H90.334v14h12.833z"/><path fill="#000" d="M93.79 46.167H83.334V41.41c0-3.157 2.98-5.744 6.718-5.744h3.782v10.5z"/><path fill="#99290A" d="M97.334 66c-6.454 0-11.667-5.077-11.667-11.362V40.334h23.334v14.304c0 6.285-5.213 11.362-11.667 11.362"/><path fill="#000" d="M83.334 52v-8.555c0-2.368 2.274-4.278 5.092-4.278h.741v7.974c0 2.7-2.62 4.86-5.833 4.86M110.167 52V39.167h-4.666v7.977c0 2.688 2.106 4.856 4.666 4.856"/><path fill="#99290A" d="M85.667 55.5c1.933 0 3.5-1.306 3.5-2.916 0-1.611-1.567-2.917-3.5-2.917s-3.5 1.306-3.5 2.916c0 1.611 1.567 2.917 3.5 2.917M108.417 55.5a2.917 2.917 0 1 0 0-5.833 2.917 2.917 0 0 0 0 5.833"/><path fill="#000" d="M102.081 56.447s-1.368-1.959-2.856-2.095c-1.448-.137-1.891.546-1.891.546s-.443-.683-1.89-.546c-1.49.136-2.857 2.095-2.857 2.095s-2.092 2.369-3.42 2.505c0 0 4.546 3.098 8.167-.683 3.621 3.826 8.167.683 8.167.683-1.328-.136-3.42-2.505-3.42-2.505"/><path fill="#4F1600" fill-rule="evenodd" d="M90.476 63.745c.17-.117.423-.1.566.038l.002.002.014.012q.02.019.067.057c.062.05.159.124.291.213a6.5 6.5 0 0 0 1.243.632c1.128.439 2.89.823 5.386.552.22-.024.423.103.452.283s-.126.346-.346.37c-2.653.288-4.572-.118-5.837-.61a7.3 7.3 0 0 1-1.406-.716 5 5 0 0 1-.467-.358l-.008-.007-.002-.002-.001-.001.306-.214-.307.213c-.143-.139-.122-.347.047-.464M84.533 52.077c.048-.094.13-.103.183-.02l.908 1.419c.034.054.05.136.04.216-.008.08-.04.145-.084.172l-.752.457c-.068.041-.141-.022-.165-.142-.023-.12.013-.25.08-.29l.543-.33-.742-1.159a.36.36 0 0 1-.01-.323M110.088 52.173a.417.417 0 0 1-.093.582l-.858.62.42.15a.417.417 0 1 1-.28.784l-1.167-.417a.418.418 0 0 1-.103-.73l1.5-1.083a.416.416 0 0 1 .581.094" clip-rule="evenodd"/><path fill="#000" d="M106.838 45h-12.01C91.053 45 88 41.87 88 38s3.053-7 6.828-7h12.01c3.776 0 6.829 3.13 6.829 7s-3.053 7-6.829 7"/><path fill="#000" d="M93.833 39.167h-8.166v7h8.166z"/><path fill="#99290A" d="M105.5 47.334H89.167v-2.365c0-1.892 1.51-3.469 3.406-3.469H105.5z"/><path fill="#2D2013" d="M87.501 57.313c-.99-.246-1.65-1.23-1.403-2.216.165-.78.248-1.559.248-2.42 0-4.226-2.27-7.918-5.695-9.887-.66-.41-1.155-1.067-1.197-1.846C78.711 31.467 71.077 24 61.792 24s-16.92 7.467-17.621 16.944a2.22 2.22 0 0 1-1.197 1.846c-3.384 2.01-5.612 5.661-5.612 9.846 0 .82.082 1.6.247 2.38a1.91 1.91 0 0 1-1.444 2.256c-5.034 1.148-8.831 5.62-8.831 10.995v.45C27.334 74.955 32.41 80 38.682 80H84.82c6.272 0 11.348-5.046 11.348-11.282v-.451c0-5.293-3.714-9.764-8.666-10.954"/><path fill="#FBC2C1" d="M81.047 70.97c7.151 1.375 12.464 7.363 12.995 14.564l2.125 38.799h-70l2.82-38.799c.49-7.201 5.843-13.148 12.995-14.564l19.533-3.803z"/><path fill="#fff" d="M60.235 75.094c2.5-2.863 2.744-6.74.546-8.66s-6.008-1.155-8.508 1.709-2.745 6.74-.546 8.66 6.008 1.155 8.508-1.709"/><path fill="#fff" d="M70.773 76.795c2.198-1.92 1.954-5.797-.546-8.66s-6.31-3.63-8.508-1.71c-2.199 1.92-1.954 5.798.546 8.661 2.5 2.864 6.309 3.629 8.507 1.709"/><path fill="#F06365" d="M61.73 75.333c-3.54 0-6.396-2.97-6.396-6.651v-3.849h12.833v3.849c-.04 3.681-2.896 6.651-6.437 6.651"/><path fill="#F06365" d="M68.167 55.5H55.334v12.833h12.833z"/><path fill="#F06365" d="M61.77 62.5c-6.784 0-12.27-5.559-12.27-12.435V34.5H74v15.606C74 56.94 68.517 62.5 61.77 62.5"/><path fill="#F06365" d="M49.5 52c1.934 0 3.5-1.306 3.5-2.917s-1.566-2.916-3.5-2.916c-1.932 0-3.5 1.305-3.5 2.916S47.569 52 49.5 52M74 52c1.934 0 3.5-1.306 3.5-2.917s-1.566-2.916-3.5-2.916c-1.932 0-3.5 1.305-3.5 2.916S72.069 52 74 52"/><path fill="#4F1600" fill-rule="evenodd" d="M48.434 47.526c.148-.233.406-.258.577-.057l1.515 1.777c.11.13.161.329.134.523-.027.195-.128.355-.265.421l-1.27.611c-.212.103-.446-.048-.522-.337-.075-.29.036-.607.25-.71l.605-.292-.982-1.153c-.171-.2-.19-.551-.042-.783M75.092 48.665a.395.395 0 0 1-.09.552l-.936.672.485.177a.395.395 0 0 1-.272.743l-1.186-.435a.396.396 0 0 1-.095-.693l1.542-1.107a.396.396 0 0 1 .552.09" clip-rule="evenodd"/><path fill="#500715" fill-rule="evenodd" d="M54.172 60.292a.44.44 0 0 1 .62.005l.002.002.015.014q.02.022.07.064c.064.057.165.142.302.246.276.208.7.493 1.28.79 1.162.592 2.957 1.23 5.46 1.38a.438.438 0 1 1-.053.873c-2.63-.157-4.543-.83-5.806-1.475a9.5 9.5 0 0 1-1.41-.87 6 6 0 0 1-.448-.374l-.026-.025-.007-.007-.003-.003-.001-.001.313-.307" clip-rule="evenodd"/><path fill="#2D2013" d="M48.012 36.624 48.72 46c10.572-1.087 15.9-6.522 17.897-9.24.999 2.899 3.58 8.878 7.45 9.24l.916-9.557c.166-1.54-.957-2.899-2.414-2.944l-21.394-.498c-1.872-.045-3.33 1.63-3.163 3.623"/></g><defs><clipPath id="group-of-people_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 group_of_people = illustration;
export const groupOfPeople = illustration;