pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 11 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#truck-mountains_svg__a)"><path fill="#00A0D6" 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(#truck-mountains_svg__b)"><path fill="#CDEEFB" d="m80.224 30.282 3.137-.861c.225-.062.225-.39 0-.452l-3.076-.923a.22.22 0 0 1-.164-.164l-.922-3.22c-.062-.226-.39-.226-.452 0l-.86 3.261a.22.22 0 0 1-.165.164l-3.014.862c-.225.061-.225.39 0 .451l3.076.82c.082.021.143.083.164.165l.82 2.933c.061.226.39.226.45 0l.862-2.892c0-.062.062-.123.144-.144" opacity=".5"/><path fill="#CDEEFB" d="m46.25 19.082 2.214-.615c.164-.041.164-.267 0-.328l-2.173-.636c-.062-.02-.103-.062-.103-.103l-.656-2.277c-.041-.164-.267-.164-.328 0l-.615 2.298a.19.19 0 0 1-.123.123l-2.133.615c-.164.041-.164.267 0 .328l2.174.575q.091.03.123.123l.574 2.072c.04.164.267.164.328 0l.615-2.052c0-.061.041-.102.103-.123"/><path fill="#CDEEFB" d="m22.773 33.176 2.214-.615c.164-.041.164-.267 0-.329l-2.173-.656c-.061-.02-.102-.062-.102-.103l-.657-2.277c-.04-.164-.266-.164-.328 0l-.615 2.298a.19.19 0 0 1-.123.123l-2.132.615c-.164.041-.164.267 0 .329l2.173.574q.093.03.123.123l.574 2.072c.041.164.267.164.328 0l.616-2.051c0-.041.04-.083.102-.103" opacity=".4"/><path fill="#CDEEFB" d="m49.038 24.088 1.025-.288c.082-.02.082-.123 0-.143l-1.005-.308q-.03 0-.061-.062l-.308-1.046c-.02-.082-.123-.082-.143 0l-.287 1.067q0 .03-.062.061l-.984.288c-.082.02-.082.123 0 .143l1.005.267q.03 0 .061.061l.267.944c.02.082.123.082.143 0l.287-.944c.02 0 .041-.02.062-.04M56.337 40.068l1.558-.43c.103-.042.123-.185 0-.226l-1.517-.452a.16.16 0 0 1-.082-.082l-.451-1.6c-.041-.123-.184-.102-.225 0l-.431 1.62a.16.16 0 0 1-.082.083l-1.497.43c-.123.042-.102.185 0 .226l1.517.41a.16.16 0 0 1 .082.083l.41 1.456c.041.103.185.123.226 0l.43-1.436c0-.04.021-.082.062-.082M67.573 34.18c0-.02.02-.04.04-.04l.8-.226"/><g fill="#0D234B" opacity=".5"><path d="M37.679 79.086a.4.4 0 0 1-.144-.04L24.311 70.51l-.062-.061-12.691-16.452-9.227-2.175a.24.24 0 0 1-.143-.102L-7.04 39.822l-39.53 35.838c-.103.103-.267.082-.37-.02s-.081-.267.021-.37L-7.162 39.27a.33.33 0 0 1 .185-.062c.061 0 .143.041.184.103l9.33 12.041 9.226 2.175c.061.02.102.04.143.102l12.712 16.473 13.184 8.513c.123.082.144.226.082.349a.23.23 0 0 1-.205.123"/><path d="M60.704 73.896c-.082 0-.143-.04-.205-.082L48.402 59.393l-10.374-2.339a.33.33 0 0 1-.144-.082l-9.35-11.118L15.25 58.347c-.103.102-.267.082-.37-.02s-.082-.267.02-.37l13.492-12.678a.33.33 0 0 1 .185-.061c.061 0 .143.04.184.082l9.452 11.262 10.375 2.339a.33.33 0 0 1 .143.082l12.138 14.482a.264.264 0 0 1-.04.37c0 .04-.062.061-.124.061M130.211 67.393c-.062 0-.144-.02-.185-.082l-30.263-31.51-19.806 17.027a.29.29 0 0 1-.287.041l-7.32-3.651-16.833 14.38a.28.28 0 0 1-.369-.02.28.28 0 0 1 .02-.37l16.998-14.483a.29.29 0 0 1 .287-.04l7.32 3.65L99.62 35.249c.102-.082.266-.082.348.02l30.427 31.674a.26.26 0 0 1 0 .369.3.3 0 0 1-.184.082"/><path d="M118.954 78.902c-.061 0-.143-.021-.184-.083L96.688 55.003a.27.27 0 0 1-.062-.246.28.28 0 0 1 .185-.185l7.709-1.805-9.596-3.816c-.123-.04-.184-.184-.143-.328l4.736-13.252c.041-.144.184-.205.328-.164a.27.27 0 0 1 .164.328l-4.654 13.026 10.108 4.042c.102.04.164.143.164.266a.24.24 0 0 1-.205.226l-8.078 1.908 21.774 23.488c.103.103.082.267-.02.37-.021.02-.082.04-.144.04M6.391 73.26c-.061 0-.102-.021-.164-.062l-8.693-6.647c-.041-.02-.062-.061-.082-.123l-2.194-5.785-5.762-2.83c-.123-.062-.184-.226-.123-.35.062-.122.226-.184.349-.123l5.843 2.893c.062.02.103.082.123.144l2.194 5.805 8.632 6.606a.26.26 0 0 1 .041.369c-.02.061-.102.102-.164.102M49.181 68.541c-.082 0-.143-.04-.205-.102l-3.67-4.513-7.668-1.457c-.144-.02-.226-.164-.205-.308.02-.143.164-.225.307-.205l7.75 1.457a.33.33 0 0 1 .144.082l3.732 4.574a.264.264 0 0 1-.041.37c-.041.082-.082.102-.144.102M87.256 57.095c-.041 0-.082-.02-.123-.04l-7.463-4.206c-.123-.062-.164-.226-.103-.349s.226-.164.349-.103l7.463 4.206c.123.061.164.225.103.349-.041.102-.123.143-.226.143"/></g><path fill="#0D234B" d="M71.284 101.63h-99.83a.25.25 0 0 1-.247-.246c0-.123.123-.246.246-.246h99.83a6.65 6.65 0 0 0 4.184-1.498l5.68-4.718a8.86 8.86 0 0 1 5.658-2.03h11.994a8.8 8.8 0 0 0 6.377-2.75l3.711-3.897a8.2 8.2 0 0 1 5.926-2.544h26.92a.25.25 0 0 1 .247.246.265.265 0 0 1-.247.246h-26.92a7.67 7.67 0 0 0-5.557 2.38l-3.711 3.898c-1.743 1.846-4.224 2.892-6.766 2.892H86.784a8.3 8.3 0 0 0-5.33 1.928l-5.68 4.719a7 7 0 0 1-4.49 1.62" opacity=".5"/><g fill="#0D234B" opacity=".5"><path d="M87.912 73.916a.25.25 0 0 1-.246-.246V61.3a.25.25 0 0 1 .246-.246c.123 0 .246.123.246.246v12.37c.02.143-.102.246-.246.246"/><path d="M85.575 64.48a.25.25 0 0 1-.246-.247c0-.143.102-.266.246-.266.082 0 2.091-.062 2.07-2.688 0-.143.124-.266.246-.266a.25.25 0 0 1 .246.246c.042 3.18-2.521 3.22-2.562 3.22"/><path d="M90.25 64.48c-.021 0-2.584-.062-2.584-3.2a.25.25 0 0 1 .246-.247c.144 0 .246.123.246.267 0 2.646 1.989 2.687 2.071 2.687.144 0 .246.123.246.267.02.123-.082.225-.225.225"/><path d="M85.575 64.48a.25.25 0 0 1-.246-.247c0-.143.102-.266.246-.266.082 0 2.091-.062 2.07-2.688 0-.143.124-.266.246-.266a.25.25 0 0 1 .246.246c.042 3.18-2.521 3.22-2.562 3.22M90.25 67.495c-.021 0-2.584-.061-2.584-3.2a.25.25 0 0 1 .246-.246c.144 0 .246.123.246.266 0 2.647 1.989 2.688 2.071 2.688.144 0 .246.123.246.266.02.124-.082.226-.225.226"/><path d="M85.575 67.495a.25.25 0 0 1-.246-.246c0-.144.102-.267.246-.267.082 0 2.091-.061 2.07-2.687 0-.144.124-.267.246-.267a.25.25 0 0 1 .246.246c.042 3.18-2.521 3.221-2.562 3.221"/></g><g fill="#0D234B" opacity=".5"><path d="M78.686 84.05a.25.25 0 0 1-.246-.246v-17.6a.25.25 0 0 1 .246-.247c.123 0 .246.123.246.246v17.601a.237.237 0 0 1-.246.246"/><path d="M75.405 70.593a.25.25 0 0 1-.246-.246c0-.144.103-.267.246-.267.123 0 3.035-.082 3.014-3.877 0-.143.123-.267.246-.267a.25.25 0 0 1 .246.247c.041 4.328-3.465 4.41-3.506 4.41"/><path d="M81.946 70.593c-.041 0-3.547-.082-3.527-4.39a.25.25 0 0 1 .246-.246c.144 0 .246.123.246.267 0 3.795 2.891 3.877 3.014 3.877.144 0 .246.123.246.267.041.102-.082.225-.225.225"/><path d="M75.405 70.593a.25.25 0 0 1-.246-.246c0-.144.103-.267.246-.267.123 0 3.035-.082 3.014-3.877 0-.143.123-.267.246-.267a.25.25 0 0 1 .246.247c.041 4.328-3.465 4.41-3.506 4.41M81.946 74.819c-.041 0-3.547-.082-3.527-4.39a.25.25 0 0 1 .246-.246c.144 0 .246.123.246.266 0 3.816 2.891 3.877 3.014 3.877.144 0 .246.124.246.267.041.103-.082.226-.225.226"/><path d="M75.405 74.82a.25.25 0 0 1-.246-.246c0-.144.103-.267.246-.267.123 0 3.035-.082 3.014-3.877 0-.144.123-.267.246-.267a.25.25 0 0 1 .246.246c.041 4.329-3.465 4.41-3.506 4.41M81.946 79.312c-.041 0-3.547-.082-3.527-4.39a.25.25 0 0 1 .246-.246c.144 0 .246.123.246.266 0 3.816 2.891 3.878 3.014 3.878.144 0 .246.123.246.266.041.103-.082.226-.225.226"/><path d="M75.405 79.312a.25.25 0 0 1-.246-.246c0-.144.103-.267.246-.267.123 0 3.035-.082 3.014-3.877 0-.144.123-.267.246-.267a.25.25 0 0 1 .246.246c.041 4.329-3.465 4.41-3.506 4.41"/></g><path fill="#005D92" d="m52.42 87.332.329-1.005 1.804-.842c.39-.184.8-.266 1.21-.266.533 0 .964.43.964.964v1.149z"/><path fill="#0D234B" d="M55.824 101.282c2.265 0 4.101-1.837 4.101-4.103a4.102 4.102 0 1 0-4.1 4.103M19.062 101.282c2.265 0 4.1-1.837 4.1-4.103a4.102 4.102 0 1 0-4.1 4.103M41.41 98.123a4.8 4.8 0 0 1-.102-.944 4.1 4.1 0 0 1 4.1-4.103A4.114 4.114 0 0 1 49.429 98c0 .04-.021.082-.021.102"/><path fill="#0D234B" d="M45.614 98.123H9.303V70.306h32.826a3.484 3.484 0 0 1 3.485 3.487z"/><path fill="#005D92" d="M55.579 86.82H37.474v-7.242h11.974c.964 0 1.866.492 2.379 1.313z"/><path fill="#005D92" d="M63.595 98.123h-19.97V86.819h11.953l6.274 1.929a2.44 2.44 0 0 1 1.743 2.359z"/><path fill="#00A0D6" d="M44.753 86.82h-9.944v-5.806c0-.8.635-1.436 1.435-1.436h2.194a3.13 3.13 0 0 1 2.665 1.477z"/><path fill="#00A0D6" d="M52.77 98.123H34.809V86.819h9.964l6.274 1.929a2.44 2.44 0 0 1 1.743 2.359v7.016z"/><path fill="#005D92" d="M31.938 98.123H-4.148v-24.33a3.483 3.483 0 0 1 3.486-3.487h32.6z"/><path fill="#0D234B" d="M-4.148 73.793V95.97h22.41a15 15 0 0 0 7.094-12.76c0-5.477-2.932-10.257-7.299-12.883H-.663a3.453 3.453 0 0 0-3.485 3.467"/><path fill="#0D234B" d="M10.963 98.143H.527v-1.15a5.217 5.217 0 0 1 5.208-5.21 5.217 5.217 0 0 1 5.208 5.21v1.15z"/><path fill="#0D234B" d="M65.195 98.471H-5.542v-1.415c0-.595.492-1.087 1.087-1.087h68.583c.595 0 1.087.492 1.087 1.087v1.415z"/><path fill="#0D234B" d="M5.735 101.282c2.265 0 4.1-1.837 4.1-4.103a4.102 4.102 0 1 0-4.1 4.103"/><path fill="#005D92" d="M5.714 98.861a1.682 1.682 0 1 0 0-3.363 1.682 1.682 0 0 0 0 3.363"/><path fill="#0D234B" d="M54.184 86.82H36.408v-5.765H49.57c.553 0 1.066.287 1.374.738zM29.293 74.04h-31.8a.25.25 0 0 1-.246-.247c0-.123.123-.246.246-.246h31.8a.25.25 0 0 1 .246.246.25.25 0 0 1-.246.246M43.994 74.04H33.558a.25.25 0 0 1-.246-.247c0-.123.123-.246.246-.246h10.436a.25.25 0 0 1 .246.246.25.25 0 0 1-.246.246"/><path fill="#005D92" d="M36.08 81.055v5.764h8.673l-3.65-5.764z"/><path fill="#0D234B" d="M48.894 98.143H38.458v-1.15a5.217 5.217 0 0 1 5.208-5.21 5.217 5.217 0 0 1 5.208 5.21v1.15z"/><path fill="#0D234B" d="M43.687 101.282c2.264 0 4.1-1.837 4.1-4.103a4.102 4.102 0 1 0-4.1 4.103"/><path fill="#005D92" d="M43.687 98.861a1.682 1.682 0 1 0-.001-3.363 1.682 1.682 0 0 0 0 3.363"/><path fill="#8EDDF9" d="M53.467 94.307h-.984c-.677 0-1.23-.553-1.23-1.23s.553-1.231 1.23-1.231h.984c.676 0 1.23.554 1.23 1.23-.02.678-.554 1.231-1.23 1.231M63.595 94.245H62.55c-.677 0-1.23-.554-1.23-1.231s.553-1.23 1.23-1.23h1.045"/><path fill="#0D234B" d="M37.638 89.24h-.963a.595.595 0 0 1 0-1.19h.963a.595.595 0 0 1 0 1.19M44.753 86.82l-.329-.513-1.804-.841c-.39-.185-.8-.267-1.21-.267a.963.963 0 0 0-.963.964v.657zM30.4 74.04c-.164 0-.266-.124-.266-.247s.123-.246.246-.246.266.123.266.246a.25.25 0 0 1-.246.246"/><path fill="#0D234B" d="M54.45 64.377a.26.26 0 0 1-.204-.082.28.28 0 0 1 .02-.37l.041-.04a.28.28 0 0 1 .37.02.28.28 0 0 1-.021.37l-.041.04a.23.23 0 0 1-.164.062" opacity=".5"/><path fill="#0D234B" d="M119.569 79.66a.23.23 0 0 1-.164-.062l-.02-.02a.28.28 0 0 1-.021-.37.28.28 0 0 1 .369-.02l.021.02a.28.28 0 0 1 .02.37c-.082.061-.143.082-.205.082"/><path fill="#F06365" d="m38.232 66.408-5.597-7.262c-3.568-4.657-.267-11.385 5.597-11.385s9.165 6.728 5.598 11.385z"/><path fill="#FFC8A3" d="M38.232 58.284a3.384 3.384 0 0 0 3.383-3.385 3.384 3.384 0 1 0-3.383 3.385"/><path fill="#E0F8FF" d="M76.102 108.605 53.508 94.696a1.53 1.53 0 0 1-.739-1.333c0-.862.698-1.56 1.559-1.56h27.351a8.775 8.775 0 0 1 8.776 8.781c0 7.364-8.079 11.877-14.353 8.021" opacity=".2"/><path fill="#E0F8FF" d="m86.928 108.605-23.333-14.36v-2.441h28.91a8.774 8.774 0 0 1 8.775 8.78c0 7.364-8.078 11.877-14.352 8.021" opacity=".2"/></g></g><defs><clipPath id="truck-mountains_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="truck-mountains_svg__b"><path fill="#fff" d="M-47 15h189v95H-47z"/></clipPath></defs></svg>';
export const truck_mountains = illustration;
export const truckMountains = illustration;