pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
3 lines (2 loc) • 5.49 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 80 80"><path fill="#CDEEFB" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40s17.909 40 40 40"/><mask id="pex_svg__a" width="80" height="80" x="0" y="0" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40a39.8 39.8 0 0 0 4.705 18.838C5.652 60.61 0 60 0 60v6s13.623 4.102 14.662 4.953A39.84 39.84 0 0 0 40 80" clip-rule="evenodd"/></mask><g mask="url(#pex_svg__a)"><path fill="#3C3C3C" d="M46 70h70v-3H46z"/><mask id="pex_svg__b" width="17" height="17" x="32" y="57" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M32.948 57.707h15.423v15.369H32.948z" clip-rule="evenodd"/></mask><g mask="url(#pex_svg__b)"><path fill="#3C3C3C" fill-rule="evenodd" d="M48.371 65.392c0 4.243-3.453 7.684-7.712 7.684s-7.71-3.44-7.71-7.684 3.451-7.685 7.71-7.685 7.712 3.44 7.712 7.685" clip-rule="evenodd"/></g><path fill="#48BAE4" d="M17 64h26V13H17z"/><path fill="#00A0D6" d="m43 64 50.938-.005V13H43z"/><path fill="#10779E" fill-rule="evenodd" d="M21 61h19V16H21z" clip-rule="evenodd"/><path fill="#BEBEBE" fill-rule="evenodd" d="M8 63h32v-2H8z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M0 63h8v-2H0z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M70.456 36.37c-.88 0-1.21.527-1.21.527l-.102.169v-.557h-1.478v4.166h1.477v-2.136c0-.584.23-.844.745-.844.566 0 .613.5.613.967v2.013h1.492v-2.57c0-1.135-.53-1.735-1.537-1.735m9.949 1.395c.224 0 .394.035.483.06l.036-1.346a1.3 1.3 0 0 0-.318-.031c-.836 0-1.067.503-1.077.525l-.102.233v-.697h-1.478v4.166h1.478V38.67c0-.6.329-.905.978-.905M65.96 35.55h-1.478v5.125h1.478v-2.941h.767l.664-1.225H65.96zm11.505 3.004c0 1.556-1.268 2.252-2.524 2.252-1.14 0-2.47-.571-2.47-2.183 0-1.556 1.267-2.253 2.524-2.253 1.23 0 2.47.675 2.47 2.184m8.452-3.356v5.477h-1.478v-.527l-.096.13c-.004.006-.406.536-1.27.536-1.204 0-2.012-.896-2.012-2.23 0-1.278.895-2.206 2.129-2.206.78 0 1.153.382 1.157.386l.092.098v-1.376zm-23.462 2.859-.193-.028c-.38-.054-.59-.083-.59-.303 0-.26.361-.294.675-.294.586 0 1.104.158 1.274.216l.255-1.091a6.5 6.5 0 0 0-1.513-.178c-1.432 0-2.254.53-2.254 1.455 0 .74.473 1.104 1.632 1.255.528.07.768.101.768.347 0 .267-.335.3-.628.3-.676 0-1.31-.234-1.501-.312l-.29 1.13a5.8 5.8 0 0 0 1.651.245c1.525 0 2.331-.504 2.331-1.456 0-.64-.27-1.08-1.617-1.286m-2.631.496c0 1.557-1.269 2.253-2.525 2.253-1.14 0-2.47-.571-2.47-2.183 0-1.556 1.268-2.253 2.524-2.253 1.23 0 2.47.675 2.47 2.184m-5.364.047c0 1.279-.896 2.206-2.129 2.206-.78 0-1.154-.381-1.157-.385l-.093-.098v1.582h-1.478V36.51h1.478v.527l.097-.13c.004-.005.409-.536 1.27-.536 1.203 0 2.012.896 2.012 2.23m21.427 0c0-.569-.37-.951-.923-.951-.557 0-.932.382-.932.951 0 .538.392.928.932.928.543 0 .923-.381.923-.928m8.601-.015c0-.538-.391-.928-.93-.928-.544 0-.924.382-.924.928 0 .568.37.95.923.95.557 0 .931-.382.931-.95m-26.242.015c0-.569-.372-.951-.924-.951-.557 0-.931.382-.931.951 0 .538.392.928.931.928.544 0 .924-.381.924-.928m-5.36 0c0-.569-.37-.951-.923-.951-.556 0-.93.382-.93.951 0 .538.39.928.93.928.544 0 .923-.381.923-.928" clip-rule="evenodd"/><path fill="#E6E7E8" fill-rule="evenodd" d="M30 41h10v-8H30z" clip-rule="evenodd"/><path fill="#F0F0F0" fill-rule="evenodd" d="M30 41h6v-8h-6z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M27 51h13V41H27z" clip-rule="evenodd"/><path fill="#EAEAEA" fill-rule="evenodd" d="M27 51h10V41H27z" clip-rule="evenodd"/><path fill="#F0F0F0" fill-rule="evenodd" d="M24 61h16V51H24z" clip-rule="evenodd"/><path fill="#F7F7F7" d="M23 61h13V51H23z"/><path fill="#F0F0F0" fill-rule="evenodd" d="M28.742 51v2.686l.118.117.117-.117.118.117.115-.115.115.115.118-.117.118.117.115-.115.116.115.117-.117.117.117.118-.117V51z" clip-rule="evenodd"/><path fill="#DEDEDE" fill-rule="evenodd" d="M31 41v2.678l.118.116.117-.116.118.116.116-.114.114.114.118-.116.118.116.115-.114.116.114.117-.116.118.116.117-.116V41z" clip-rule="evenodd"/><path fill="#E6E7E8" fill-rule="evenodd" d="M32.247 32.33v2.679l.118.116.117-.116.118.116.115-.113.115.113.118-.116.118.116.115-.114.116.114.117-.116.118.116.117-.116v-2.678z" clip-rule="evenodd"/><path fill="#00A0D6" d="M20 61h1V16h-1z"/><path fill="#BEBEBE" d="M21 32h19V16H21z"/><path fill="#F0F0F0" d="M21 33h19v-3H21zM21 25h19v-3H21zM21 21h19v-3H21zM21 17h19v-1H21zM21 29h19v-3H21z"/><path fill="#DEDEDE" fill-rule="evenodd" d="M26 31.5h7v-1h-7z" clip-rule="evenodd"/><path fill="#BCBCBC" fill-rule="evenodd" d="M26.5 31h6v-.5h-6z" clip-rule="evenodd"/><path fill="#0D8BB7" fill-rule="evenodd" d="M43 67h70v-4H43z" clip-rule="evenodd"/><path fill="#0D8BB7" fill-rule="evenodd" d="M52.577 65.392c0-5.401 4.394-9.78 9.815-9.78s9.814 4.379 9.814 9.78z" clip-rule="evenodd"/><path fill="#3C3C3C" d="M70.104 65.392c0 4.243-3.453 7.684-7.712 7.684s-7.711-3.44-7.711-7.684 3.452-7.685 7.711-7.685 7.711 3.44 7.711 7.685"/><path fill="#BEBEBE" d="M67.299 65.392c0 2.7-2.197 4.89-4.907 4.89s-4.908-2.19-4.908-4.89c0-2.701 2.197-4.89 4.908-4.89 2.71 0 4.907 2.189 4.907 4.89"/><path fill="#3C3C3C" d="M65.196 65.392a2.8 2.8 0 0 1-2.804 2.794 2.8 2.8 0 0 1-2.804-2.794 2.8 2.8 0 0 1 2.804-2.794 2.8 2.8 0 0 1 2.804 2.794"/><path fill="#0C7BAD" d="M15 67h28v-4H15z"/><path fill="#CDEEFB" d="M48.002 66h-2.003a1 1 0 0 1 0-2h2.003a1 1 0 0 1 0 2"/><path fill="#3C3C3C" d="m21 34 9 5.5V33h-9z"/></g></svg>';
export const pex = illustration;