pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 7.18 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#character-computer-headset_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-computer-headset_svg__b)"><path fill="#9B1C2E" d="M62.952 69.038H44.117a2.89 2.89 0 0 1-2.886-2.88V57.61a2.89 2.89 0 0 1 2.886-2.88h18.835a2.89 2.89 0 0 1 2.887 2.88v8.546a2.89 2.89 0 0 1-2.887 2.88"/><path fill="#9B1C2E" d="M33.676 58.86h34.736c6.59 0 12.412 4.272 14.36 10.561l15.732 50.603H16.621c-6.35 0-10.969-6.05-9.261-12.147l10.175-36.751c1.997-7.274 8.612-12.267 16.141-12.267"/><path fill="#FDEFEE" d="M63.023 110.974H43.78V59.076c0-1.104.89-2.016 2.02-2.016h15.228c1.106 0 2.02.888 2.02 2.016v51.898z"/><path fill="#FFC8A3" d="m53.714 108.91 4.69.672 11.018-3.12c1.299-.361 2.718-.145 3.8.624l10.465 7.297v2.016h-1.949l-.024 1.057H69.398l-4.137-.648s-.842 2.4-6.038 3.192h-6.928z"/><path fill="#9B1C2E" d="m54.821 109.077-16.31-3.96L39.09 120h14.313z"/><path fill="#4F1600" d="M73.632 117.288c-.048 0-.096-.024-.144-.048l-6.23-3.721c-.145-.096-.193-.264-.097-.408.097-.144.265-.192.41-.096l6.23 3.721c.144.096.192.264.096.408-.048.096-.145.144-.265.144M67.473 117a.5.5 0 0 1-.168-.048l-2.454-1.561c-.144-.096-.192-.264-.096-.408s.265-.192.41-.096l2.453 1.561c.144.096.192.264.096.408-.024.096-.12.144-.24.144M78.25 117.432a.5.5 0 0 1-.168-.048l-7.505-5.089a.284.284 0 0 1-.072-.409.284.284 0 0 1 .409-.072l7.505 5.089a.284.284 0 0 1 .072.409c-.072.072-.144.12-.24.12M81.762 116.687a.5.5 0 0 1-.169-.048l-7.625-5.401a.28.28 0 0 1-.072-.408.284.284 0 0 1 .409-.072l7.625 5.401a.28.28 0 0 1 .072.408c-.072.072-.144.12-.24.12"/><path fill="#0D234B" d="M77 120H59.009v-.336a3.55 3.55 0 0 1 3.56-3.553h14.433z"/><path fill="#ABE3BB" d="M129.247 120H75.725l10.824-29.982a5.35 5.35 0 0 1 5.028-3.529h45.175c2.237 0 3.777 2.209 3.031 4.297z"/><path fill="#002F24" d="M109.232 107.493c-.336 0-.697-.048-1.034-.144a3.92 3.92 0 0 1-2.478-1.872 4.21 4.21 0 0 1-.433-3.097 3.92 3.92 0 0 1 1.877-2.472 4.12 4.12 0 0 1 3.103-.432 3.92 3.92 0 0 1 2.478 1.872c.553.936.697 2.041.433 3.097a3.92 3.92 0 0 1-1.877 2.472 4 4 0 0 1-2.069.576m0-7.537a3.49 3.49 0 0 0-3.367 2.592 3.463 3.463 0 0 0 2.477 4.225c1.853.48 3.753-.624 4.234-2.472.241-.888.096-1.825-.361-2.641a3.49 3.49 0 0 0-2.117-1.608 3.5 3.5 0 0 0-.866-.096"/><path fill="#500715" d="m30.526 89.514-2.766 12.338 10.03 1.873zM71.227 102.836h-.072c-.169-.048-.265-.192-.217-.36l3.224-14.547c.024-.168.192-.264.36-.24.169.048.265.192.217.36l-3.224 14.547a.286.286 0 0 1-.288.24M74.786 86.922c-.048 0-.072 0-.12-.024a.324.324 0 0 1-.169-.385l.024-.023a.325.325 0 0 1 .385-.168c.144.072.217.24.169.383l-.025.025c-.023.12-.144.192-.264.192"/><path fill="#FDEFEE" d="M46.452 101.709H32.885l.577-1.608c.144-.408.53-.672.986-.672h10.44c.457 0 .842.264.986.672z"/><path fill="#F06365" d="M47.678 104.181H31.537c-.481 0-.842-.408-.77-.864l.24-1.296a.78.78 0 0 1 .77-.625h15.684c.385 0 .698.265.77.625l.24 1.296c.073.456-.312.864-.793.864"/><path fill="#FBC2C1" d="M44.6 120h-9.983a1.153 1.153 0 0 1-1.155-1.056l-1.275-14.739h14.867l-1.275 14.739a1.194 1.194 0 0 1-1.18 1.056"/><path fill="#9B1C2E" d="m47.03 104.181-.217 2.929-14.626-2.809v-.12z"/><path fill="#FDEFEE" d="M40.99 112.703h-2.67a1.61 1.61 0 0 1-1.611-1.608 1.61 1.61 0 0 1 1.612-1.609h2.67c.89 0 1.611.72 1.611 1.609.025.888-.697 1.608-1.611 1.608" opacity=".6"/><path fill="#fff" d="M39.548 97.94c-.625 0-.986-.744-.577-1.2.048-.072.12-.12.168-.168.192-.192.217-.24.217-.36s-.025-.169-.217-.36c-.24-.265-.625-.649-.625-1.393 0-.72.385-1.128.625-1.392.192-.192.217-.24.217-.36s-.025-.168-.217-.36c-.24-.264-.625-.648-.625-1.392 0-.72.385-1.129.625-1.393.048-.048.072-.096.12-.12a.7.7 0 0 1 .554-.24c.625 0 .986.744.577 1.2-.048.072-.12.12-.168.168-.193.193-.217.24-.217.36s.024.168.217.36c.24.265.625.649.625 1.393 0 .72-.385 1.128-.625 1.392-.193.192-.217.24-.217.36s.024.168.217.36c.24.264.625.648.625 1.392 0 .745-.385 1.129-.625 1.393-.049.048-.073.096-.12.12a.78.78 0 0 1-.554.24"/><path fill="#FFC8A3" d="M53.402 69.157c-4.161 0-7.529-3.36-7.529-7.513V48.2h15.034v13.443c0 4.153-3.367 7.513-7.505 7.513"/><path fill="#000" d="M49.625 32.358H37.742v-6.313c0-4.2 3.392-7.586 7.602-7.586h4.281z"/><path fill="#FFC8A3" d="M54.269 56.267c-7.866 0-14.265-6.361-14.265-14.235v-17.86h28.53v17.86c0 7.85-6.4 14.235-14.266 14.235"/><path fill="#000" d="M37.766 38.527V28.133a5.21 5.21 0 0 1 5.22-5.209h.745v9.65c-.024 3.313-2.694 5.953-5.965 5.953M70.698 38.528V23.573h-5.725v9.266c0 3.144 2.573 5.689 5.725 5.689"/><path fill="#FFC8A3" d="M39.98 44.097a3.845 3.845 0 0 0 3.848-3.841 3.845 3.845 0 0 0-3.848-3.841 3.845 3.845 0 0 0-3.85 3.84 3.845 3.845 0 0 0 3.85 3.842M68.437 44.097a3.845 3.845 0 0 0 3.849-3.841 3.845 3.845 0 0 0-3.85-3.841 3.845 3.845 0 0 0-3.848 3.84 3.845 3.845 0 0 0 3.849 3.842"/><path fill="#4F1600" d="M53.404 56.555c-5.605-.36-7.674-2.736-7.77-2.833a.33.33 0 0 1 .024-.431.33.33 0 0 1 .433.024c.024.024 2.02 2.28 7.313 2.616.168 0 .288.144.288.312 0 .192-.12.312-.288.312M39.089 41.624a.31.31 0 0 1-.289-.192c-.048-.168.024-.336.193-.384l.962-.336-1.371-1.2c-.12-.12-.145-.288-.025-.432.12-.12.29-.145.434-.024l1.78 1.536c.072.072.12.168.096.288s-.096.192-.193.216l-1.467.504c-.048.024-.072.024-.12.024M68.894 41.504c-.024 0-.072 0-.097-.024l-1.419-.504c-.096-.048-.192-.12-.192-.24-.024-.12.024-.216.12-.288l1.804-1.296c.145-.096.313-.072.41.072.095.144.071.312-.073.408l-1.347.96.866.312c.168.048.24.216.192.384-.024.144-.144.216-.264.216"/><path fill="#000" d="M66.416 31.903H51.334c-4.74 0-8.588-3.841-8.588-8.57s3.849-8.57 8.588-8.57h15.082c4.739 0 8.588 3.841 8.588 8.57.024 4.729-3.825 8.57-8.588 8.57"/><path fill="#000" d="M49.65 23.91h-9.093v8.953h9.092z"/><path fill="#FFC8A3" d="M64.972 35H43.684v-3.026a4.41 4.41 0 0 1 4.426-4.416h16.862z"/><path fill="#000" d="M66.537 48.49h-7.53a.29.29 0 0 1-.288-.288c0-.144.144-.288.288-.288h7.53c2.26 0 4.378-1.2 5.556-3.12a6.54 6.54 0 0 0 .722-4.97l-3.704-14.306c-.049-.169.048-.313.216-.36.168-.049.313.047.36.215l3.705 14.307a7.03 7.03 0 0 1-.793 5.425c-1.275 2.089-3.609 3.385-6.062 3.385"/><path fill="#000" d="M60.643 49.762h-2.574a1.61 1.61 0 0 1-1.612-1.608 1.61 1.61 0 0 1 1.612-1.609h2.574c.89 0 1.611.72 1.611 1.609-.024.888-.721 1.608-1.611 1.608"/><path fill="#FDEFEE" d="m45.849 61.068 7.553 5.93 7.722-5.93h1.226l-.288 6.914-15.516 2.112-1.347-5.857z"/><path fill="#1D1D1B" d="M49.433 72.759a.4.4 0 0 1-.217-.072L44.96 68.75a.33.33 0 0 1-.024-.432c.12-.12.312-.12.433-.024l4.017 3.72 3.752-4.776a.3.3 0 0 1 .24-.12c.097 0 .193.048.241.12l3.416 4.777 4.162-3.361a.308.308 0 0 1 .385.48l-4.402 3.553a.4.4 0 0 1-.24.072c-.073 0-.145-.048-.193-.12l-3.368-4.705-3.705 4.729a.32.32 0 0 1-.24.096q.036 0 0 0"/></g></g><defs><clipPath id="character-computer-headset_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-computer-headset_svg__b"><path fill="#fff" d="M7 0h168v120H7z"/></clipPath></defs></svg>';
export const character_computer_headset = illustration;
export const characterComputerHeadset = illustration;