pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 8.32 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" viewBox="0 0 120 120"><g clip-path="url(#computer-postcard_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="#4F1600" d="M65.838 110H47.18c-1.792 0-2.941-1.879-2.114-3.438l4.55-8.892h16.22z"/><path fill="#4F1600" d="M122.315 98.036H22.733A4.72 4.72 0 0 1 18 93.316V27.72A4.72 4.72 0 0 1 22.733 23h99.582a4.72 4.72 0 0 1 4.733 4.721v65.594a4.72 4.72 0 0 1-4.733 4.721"/><path fill="#FFC8A3" d="M126.267 98.036H26.685a4.72 4.72 0 0 1-4.733-4.72V27.72A4.72 4.72 0 0 1 26.685 23h99.582A4.72 4.72 0 0 1 131 27.721v65.594a4.72 4.72 0 0 1-4.733 4.721"/><path fill="#FFC8A3" d="M75.488 106.195H49.662l4.32-8.159h25.826z"/><path fill="#F89142" d="M86.517 110H58.991v-3.805h23.896a3.605 3.605 0 0 1 3.63 3.621z"/><path fill="#4F1600" d="M62.437 110h-8.96v-3.805h5.146c2.068 0 3.814 1.696 3.814 3.805"/><path fill="#fff" d="M127.048 27.034H26.042V84.24h101.006z"/><path fill="url(#computer-postcard_svg__b)" d="M67.961 32.791h62.754v51.815H67.961z" opacity=".5"/><path fill="#fff" d="M114.778 68.426H82.105l.046-22.094h32.673z"/><path fill="#F3F2F2" d="M111.285 62.237h-9.926a.706.706 0 0 1-.689-.687c0-.367.322-.688.689-.688h9.926c.368 0 .69.321.69.688a.706.706 0 0 1-.69.687M103.841 64.438h-2.482a.706.706 0 0 1-.689-.688c0-.367.322-.687.689-.687h2.482c.368 0 .689.32.689.687 0 .413-.275.688-.689.688M105.817 64.438a.627.627 0 0 1-.643-.642v-.046c0-.367.276-.642.643-.642.368 0 .644.275.644.642v.046a.63.63 0 0 1-.644.642M112.94 53.803c-.138 0-.276-.092-.276-.275 0-.138.092-.275.276-.275h.046v-.413h-.046c-.138 0-.276-.091-.276-.275q0-.275.276-.275h.046v-.412h-.046c-.138 0-.276-.092-.276-.275q0-.275.276-.275h.046v-.413h-.046c-.138 0-.276-.092-.276-.275 0-.137.092-.275.276-.275h.046v-.413h-.046c-.138 0-.276-.091-.276-.274 0-.138.092-.275.276-.275h.046v-.413h-.046c-.138 0-.276-.092-.276-.275q0-.275.276-.275h.046v-.413h-.414v.046c0 .138-.092.275-.275.275-.138 0-.276-.091-.276-.275v-.046h-.414v.046c0 .138-.092.275-.275.275-.138 0-.276-.091-.276-.275v-.046h-.414v.046c0 .138-.092.275-.276.275-.137 0-.275-.091-.275-.275v-.046h-.414v.046c0 .138-.092.275-.276.275-.137 0-.275-.091-.275-.275v-.046h-.138v.046c0 .138-.092.275-.276.275-.138 0-.276-.091-.276-.275v-.046h-.367v.046c0 .138-.092.275-.276.275-.138 0-.276-.091-.276-.275v-.046h-.413v.413h.046c.138 0 .275.092.275.275 0 .137-.091.275-.275.275h-.046v.413h.046c.138 0 .275.091.275.275 0 .137-.091.275-.275.275h-.046v.412h.046c.138 0 .275.092.275.275q0 .275-.275.275h-.046v.413h.046c.138 0 .275.091.275.275q0 .275-.275.275h-.046v.412h.046c.138 0 .275.092.275.275 0 .138-.091.275-.275.275h-.046v.413h.046c.138 0 .275.091.275.275q0 .275-.275.275h-.046v.412h.413v-.045c0-.138.092-.275.276-.275.138 0 .276.091.276.275v.045h.413v-.045c0-.138.092-.275.276-.275.138 0 .276.091.276.275v.045h.413v-.045c0-.138.092-.275.276-.275.138 0 .276.091.276.275v.045h.413v-.045c0-.138.092-.275.276-.275.138 0 .276.091.276.275v.045h.413v-.045c0-.138.092-.275.276-.275.138 0 .276.091.276.275v.045h.413v-.045c0-.138.092-.275.276-.275.138 0 .276.091.276.275v.045h.414z"/><path fill="#F3F2F2" d="M112.526 53.757h-4.917v-4.904h4.917zM98.556 65.813c-.137 0-.23-.092-.23-.23V49.128c0-.138.093-.23.23-.23.138 0 .23.092.23.23v16.455c0 .092-.092.23-.23.23"/><path fill="#fff" d="M111.194 50.365a.584.584 0 0 0-.828 0l-.321.321-.322-.32a.583.583 0 0 0-.827 0 .58.58 0 0 0 0 .824l.322.321.827.825.827-.825.322-.32a.58.58 0 0 0 0-.826"/><path fill="#F3F2F2" d="M60.461 53.895H38.725a.725.725 0 0 1-.735-.734c0-.412.321-.733.735-.733h21.69c.414 0 .735.32.735.733s-.321.733-.689.733M57.015 50.365H42.171a1.5 1.5 0 0 1-1.517-1.513c0-.87.69-1.512 1.563-1.512h14.796c.874 0 1.517.687 1.517 1.512 0 .826-.69 1.513-1.517 1.513"/><path fill="#005D92" d="M59.68 66.913H39.46a2.273 2.273 0 0 1-2.297-2.292 2.27 2.27 0 0 1 2.297-2.292h20.22a2.27 2.27 0 0 1 2.298 2.292 2.273 2.273 0 0 1-2.298 2.292"/><path fill="#F3F2F2" d="M55.085 57.47H44.102a.725.725 0 0 1-.735-.734c0-.412.321-.733.735-.733h10.983c.413 0 .735.32.735.733-.046.413-.368.734-.735.734"/><path fill="#00A0D6" d="M54.303 65.355h-9.466a.725.725 0 0 1-.735-.734c0-.412.321-.733.735-.733h9.466c.414 0 .736.32.736.733a.725.725 0 0 1-.736.734"/><path fill="url(#computer-postcard_svg__c)" d="M53.182 24.65h57.902v66.226H53.182z" opacity=".5"/><path fill="#fff" d="m95.616 37.623.275 36.762-27.158.046-.276-36.762z"/><path fill="#E8F9EF" d="M94.42 38.998V73.01l-24.493.045V39.044z"/><path fill="#fff" d="M77.923 51.465c0-1.192.965-2.155 2.16-2.155s2.16.963 2.16 2.155z"/><path fill="#fff" d="M73.742 51.465c0-1.192.965-2.155 2.16-2.155 1.194 0 2.16.963 2.16 2.155z"/><path fill="#5EC584" d="M86.333 67.279H77.74a.41.41 0 0 1-.414-.413v-6.83c0-.229.184-.412.414-.412h8.593c.23 0 .413.183.413.413v6.83c0 .229-.183.412-.413.412"/><path fill="#005E41" d="M85.414 66.27h-6.71a.314.314 0 0 1-.321-.32V61c0-.184.138-.321.322-.321h6.709c.183 0 .321.137.321.32v4.951c-.046.183-.183.32-.321.32"/><path fill="#EEE" d="M84.155 64.32a2.29 2.29 0 0 0-1.325-2.96 2.3 2.3 0 0 0-2.967 1.322 2.29 2.29 0 0 0 1.325 2.96 2.3 2.3 0 0 0 2.967-1.321"/><path fill="#F06365" d="M82.794 63.842h-.689a.314.314 0 0 1-.322-.321v-1.009c0-.137.092-.275.276-.275.138 0 .276.092.276.275v.825h.505c.138 0 .276.092.276.275a.35.35 0 0 1-.322.23"/><path fill="#5EC584" d="M85.69 73.055h-7.353V67.05h7.352zM85.735 59.945h-7.398v-2.521l7.398-.046z"/><path fill="#002F24" d="M85.69 68.288v-1.009l-7.353.046"/><path fill="#005E41" d="m84.173 54.582-4.32.046-1.516 2.796 7.398-.046z"/><path fill="#5EC584" d="m84.173 54.582-4.32.046v-2.063h4.32z"/><path fill="#005E41" d="M81.921 47.478h.23l2.022 5.087h-4.32z"/><path fill="#ABE3BB" d="M80.13 59.67h-.782v-1.146c0-.23.184-.367.368-.367.23 0 .367.184.367.367zM81.646 59.67h-.781v-1.146c0-.23.183-.367.367-.367.23 0 .368.184.368.367zM83.162 59.67h-.781v-1.146c0-.23.184-.367.368-.367.23 0 .367.184.367.367zM84.678 59.67h-.78v-1.146c0-.23.183-.367.367-.367.23 0 .367.184.367.367zM81.646 54.582h-.781v-1.146c0-.23.183-.367.367-.367.23 0 .368.184.368.367zM83.162 54.582h-.781v-1.146c0-.23.184-.367.368-.367.23 0 .367.184.367.367zM80.13 73.054h-.782V69.48c0-.23.184-.367.368-.367.23 0 .367.184.367.367zM81.646 73.054h-.781V69.48c0-.23.183-.367.367-.367.23 0 .368.184.368.367zM83.162 73.054h-.781V69.48c0-.23.184-.367.368-.367.23 0 .367.184.367.367zM84.678 73.054h-.78V69.48c0-.23.183-.367.367-.367.23 0 .367.184.367.367z" opacity=".5"/><path fill="#005E41" d="M82.013 49.173c-.092 0-.138-.091-.138-.137v-4.492c0-.092.092-.184.138-.184.092 0 .138.092.138.138v4.492c.046.092-.046.183-.138.183"/><path fill="#F06365" d="M82.38 63.841h-.597v-.504h.598z"/><path fill="#fff" d="M86.15 46.836c0-1.192.964-2.154 2.159-2.154s2.16.962 2.16 2.154z"/><path fill="#005D92" d="M110.275 50.366c3.147 0 5.698-2.545 5.698-5.684s-2.551-5.684-5.698-5.684-5.698 2.545-5.698 5.684 2.551 5.684 5.698 5.684"/><path fill="#00A0D6" d="M112.343 44.361h-4.182a.724.724 0 0 1-.735-.733c0-.413.321-.733.735-.733h4.182c.413 0 .735.32.735.733a.755.755 0 0 1-.735.733M111.148 46.79h-1.792a.724.724 0 0 1-.735-.733c0-.413.321-.734.735-.734h1.792c.414 0 .735.321.735.734.046.366-.321.733-.735.733"/><path fill="#99290A" d="m79.808 98.036-28.446 4.951 2.62-4.95z"/><path fill="#F89142" d="M77.602 93.59a2.754 2.754 0 0 0 2.757-2.75 2.754 2.754 0 0 0-2.757-2.75 2.754 2.754 0 0 0-2.757 2.75 2.754 2.754 0 0 0 2.757 2.75"/></g><defs><pattern id="computer-postcard_svg__b" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#computer-postcard_svg__d"/></pattern><pattern id="computer-postcard_svg__c" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#computer-postcard_svg__e"/></pattern><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjsAAAHbCAYAAAAteltEAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA" id="computer-postcard_svg__d"/><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhEAAAJcCAYAAABHWPagAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA" id="computer-postcard_svg__e"/><clipPath id="computer-postcard_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 computer_postcard = illustration;
export const computerPostcard = illustration;