pn-design-assets/pn-assets/illustrations/letter_graphics_2.js

Icons, SCSS, and more for PostNord Graphical Guidelines

const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#letter-graphics-2_svg__a)"><path fill="#FBC2C1" 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="#00A0D6" d="M78.28 100.395H51.359l1.911-10.143h23.098z"/><path fill="#0D234B" d="M106.911 91.664H23.516a3.964 3.964 0 0 1-3.959-3.958v-55.08a3.95 3.95 0 0 1 3.959-3.958h83.395a3.964 3.964 0 0 1 3.958 3.958v55.057c0 2.204-1.777 3.981-3.958 3.981"/><path fill="#fff" d="M107.495 32.043H22.908V80.06h84.587z"/><path fill="#005D92" d="M76.369 91.664 52.19 95.96l.832-4.296zM65.213 88.043a2.316 2.316 0 1 0 0-4.633 2.316 2.316 0 0 0 0 4.633"/><path fill="#0D234B" d="M81.856 100.684H47.783a.274.274 0 0 1-.27-.27c0-.135.135-.269.27-.269h34.073c.157 0 .27.134.27.269s-.113.27-.27.27M73.782 67.286a1.104 1.104 0 0 1-1.102-1.102V56.49h2.226v9.694c0 .607-.495 1.102-1.124 1.102"/><path fill="#0D234B" d="M74.884 65.351H54.867V50.867c0-.517.405-.922.922-.922h18.173c.517 0 .922.405.922.922z"/><path fill="#E5E5E5" d="M73.737 49.424h-4.341v-3.756z"/><path fill="#005D92" d="M69.396 45.668h-7.872a2.054 2.054 0 0 0-2.046 2.047v14.259c0 .9.742 1.642 1.642 1.642h10.998c.9 0 1.641-.743 1.641-1.642v-12.55H71.06c-.9 0-1.641-.742-1.641-1.642v-2.114z"/><path fill="#8EDDF9" d="M76.369 47.759h-4.341v-4.341z"/><path fill="#F3F2F2" d="M72.028 43.418h-7.872a2.054 2.054 0 0 0-2.047 2.047v14.259c0 .9.743 1.642 1.642 1.642h10.57a2.054 2.054 0 0 0 2.047-2.047v-11.56H73.67c-.9 0-1.642-.742-1.642-1.642z"/><path fill="#D3CECB" d="M70.858 48.702h-6.725a.3.3 0 0 1-.292-.292c0-.158.135-.293.292-.293h6.725c.157 0 .292.135.292.293a.3.3 0 0 1-.292.292M70.858 50.169h-6.725a.3.3 0 0 1-.292-.293c0-.157.135-.292.292-.292h6.725c.157 0 .292.135.292.292a.3.3 0 0 1-.292.293M70.858 51.624h-6.725a.3.3 0 0 1-.292-.293c0-.157.135-.292.292-.292h6.725c.157 0 .292.135.292.292a.3.3 0 0 1-.292.293"/><path fill="#00A0D6" d="M72.657 64.113V53.609h-18.42a.95.95 0 0 0-.944.945v10.683c0 1.125.922 2.047 2.046 2.047h18.465v-3.172z"/><path fill="#0D234B" d="M73.782 67.282c-.63 0-1.124-.495-1.124-1.125v-2.384h2.248v2.384c-.022.63-.517 1.125-1.124 1.125"/><path fill="#00A0D6" d="M60.715 54.868H53.27v-1.912a.95.95 0 0 1 .945-.944h5.488c.54 0 .99.45.99.99z"/><path fill="#002F24" d="m62.829 69.447-2.744-1.71 3.441-2.473z"/><path fill="#002F24" d="m62.232 68.303-.859-.535-1.13 1.812.858.536z"/><path fill="#F06365" d="m46.343 70.049-4.79 4.228-3.576.022 1.012-4.768zM24.932 124.207l.023-16.306s6.882-5.375 10.345-12.28l-22.243.068-10.615 28.518zM44.679 86.244l-4.566 4.363-.225-4.97zM46.59 78.71l-4.812 3.575-3.329-.27 1.327-4.363zM34.064 56.96l9.31-7.467c1.395-1.102 3.42-.877 4.499.54.967 1.26.854 3.014-.248 4.16L34.063 68.07z"/><path fill="#500715" d="m40.114 52.129 1.731-1.395-.967 10.368-.764.788z"/><path fill="#0D234B" d="M40.563 46.526v-2.857c0-1.776-1.394-3.216-3.104-3.216H13.485c-1.71 0-3.104 1.44-3.104 3.216v2.857zM10.38 90.695v3.374c0 1.777 1.395 3.216 3.105 3.216H37.46c1.709 0 3.103-1.44 3.103-3.216v-3.374z"/><path fill="#fff" d="M10.377 90.705h30.182V46.534H10.377z"/><path fill="#F0F0F0" d="M25.472 66.473h-9.424c-.45 0-.81-.36-.81-.81s.36-.81.81-.81h9.424c.45 0 .81.36.81.81s-.36.81-.81.81M35.413 70.434H16.048c-.45 0-.81-.36-.81-.81s.36-.81.81-.81h19.365c.45 0 .81.36.81.81s-.36.81-.81.81M35.413 74.147H16.048c-.45 0-.81-.36-.81-.81s.36-.81.81-.81h19.365c.45 0 .81.36.81.81 0 .472-.36.81-.81.81M21.919 79.176h-5.87c-.45 0-.81-.36-.81-.81s.36-.81.81-.81h5.87c.45 0 .81.36.81.81s-.36.81-.81.81"/><path fill="#5EC584" d="M25.405 58.982a3.345 3.345 0 0 0 3.35-3.352 3.345 3.345 0 0 0-3.35-3.35 3.33 3.33 0 0 0-3.352 3.35 3.36 3.36 0 0 0 3.352 3.351"/><path fill="#005E41" d="M28.71 55.27c-.54.247-1.102.494-1.641.72-1.057.449-2.047.876-2.744 1.304-.247.135-.81.495-1.035.944.18.158.383.27.585.383 0-.18.292-.45.787-.743.675-.404 1.642-.81 2.677-1.259.472-.202.922-.405 1.372-.585.022-.135.022-.247.022-.382s0-.27-.023-.383M28.396 54.19a3 3 0 0 0-.36-.584c-.832.584-1.844 1.259-3.036 1.709-1.215.45-2.16.675-2.947.63.023.247.068.472.135.697.922.022 1.935-.248 3.037-.675 1.26-.495 2.316-1.17 3.17-1.777"/><path fill="#F06365" d="m37.707 65.103 5.465-1.35c2.114-.517 4.206 1.013 4.318 3.194l.023.315a3.51 3.51 0 0 1-2.834 3.62l-5.488 1.035c-2.069.405-4.026-1.124-4.138-3.238-.067-1.665 1.035-3.171 2.654-3.576"/><path fill="#500715" d="M39.191 72.211a.28.28 0 0 1-.27-.202.295.295 0 0 1 .18-.36l3.666-1.102a.295.295 0 0 1 .36.18.295.295 0 0 1-.18.36l-3.666 1.102c-.022 0-.045.022-.09.022"/><path fill="#F06365" d="m38.921 73.427 5.195-.833c2.025-.314 3.846 1.282 3.779 3.329v.292c-.045 1.642-1.305 2.97-2.924 3.15l-5.195.539c-1.957.202-3.666-1.372-3.599-3.351a3.25 3.25 0 0 1 2.744-3.126M37.595 82.15l4.475-.72c1.732-.27 3.306 1.102 3.239 2.857v.247a2.81 2.81 0 0 1-2.52 2.7l-4.452.471a2.81 2.81 0 0 1-3.104-2.878 2.83 2.83 0 0 1 2.361-2.677M-.64 124.23l-.09-44.846A8.6 8.6 0 0 1-.145 76.1l6.208-16.643c.652-1.732 2.833-2.271 4.205-1.057l.113.09v18.532s11.673 10.863 3.463 24.853l-6.32 22.333z"/><path fill="#500715" d="M39.776 80.171a.27.27 0 0 1-.27-.225.3.3 0 0 1 .225-.337l3.508-.742a.3.3 0 0 1 .338.225.3.3 0 0 1-.225.337l-3.508.742zM40.406 87.777c-.135 0-.27-.112-.27-.247-.023-.158.09-.293.247-.315l1.484-.157c.158-.023.293.09.315.247s-.09.292-.247.315l-1.485.157zM14.25 100.928a.4.4 0 0 1-.158-.045.265.265 0 0 1-.068-.382c1.395-2.025 1.665-2.992 1.687-2.992.045-.157.203-.225.338-.202.157.045.224.202.202.337-.023.045-.292 1.057-1.754 3.171a.36.36 0 0 1-.248.113"/><path fill="#500715" d="m15.104 99.2 10.683-1.91H15.89z"/><path fill="#0D234B" d="M120 93.016H85.972V79.25l14.574-14.236c1.394-1.372 3.621-1.35 5.015 0L120 79.25z"/><g filter="url(#letter-graphics-2_svg__b)"><path fill="#fff" d="M116.717 94.051H89.278V64.05a3.57 3.57 0 0 1 3.576-3.576h20.287a3.57 3.57 0 0 1 3.576 3.576z"/></g><path fill="#005D92" d="m85.972 79.25 28.833 21.411h-26.27a2.563 2.563 0 0 1-2.563-2.564z"/><path fill="#00A0D6" d="M120 79.385 91.145 100.66h26.291A2.563 2.563 0 0 0 120 98.097z"/><path fill="#D3CECB" d="M103.11 75.884h-7.017a.58.58 0 0 1-.585-.584.58.58 0 0 1 .585-.585h7.017a.58.58 0 0 1 .584.585.58.58 0 0 1-.584.584M110.487 78.824H96.093a.58.58 0 0 1-.585-.585.58.58 0 0 1 .585-.585h14.394a.58.58 0 0 1 .584.585c.023.315-.247.585-.584.585M110.487 81.593H96.093a.58.58 0 0 1-.585-.584.58.58 0 0 1 .585-.585h14.394a.58.58 0 0 1 .584.585c.023.314-.247.584-.584.584M100.478 85.324h-4.363a.58.58 0 0 1-.584-.585.58.58 0 0 1 .584-.585h4.363a.58.58 0 0 1 .585.585c0 .315-.27.585-.585.585"/><path fill="#5EC584" d="M103.042 70.323a2.467 2.467 0 0 0 2.474-2.474 2.467 2.467 0 0 0-2.474-2.474 2.467 2.467 0 0 0-2.474 2.474 2.467 2.467 0 0 0 2.474 2.474"/><path fill="#005E41" d="M105.516 67.549c-.405.18-.832.36-1.214.54-.788.337-1.507.652-2.047.967-.18.112-.607.36-.765.697.135.112.293.202.45.292 0-.135.202-.337.585-.562.495-.292 1.214-.607 1.979-.922.337-.158.697-.293 1.012-.45 0-.09.023-.18.023-.292 0-.09-.023-.18-.023-.27M105.291 66.748a1.7 1.7 0 0 0-.27-.428c-.629.428-1.371.945-2.249 1.282-.899.338-1.596.495-2.181.473.022.18.045.337.09.517.674.022 1.439-.18 2.271-.495.922-.382 1.687-.9 2.339-1.35"/></g><defs><clipPath id="letter-graphics-2_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><filter id="letter-graphics-2_svg__b" width="34.639" height="40.779" x="85.678" y="58.473" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.6"/><feGaussianBlur stdDeviation="1.8"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".3"/><feGaussianBlur stdDeviation=".45"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow" mode="normal" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" mode="normal" result="shape"/></filter></defs></svg>';
export const letter_graphics_2 = illustration;
export const letterGraphics2 = illustration;