pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
3 lines (2 loc) • 3.74 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#truck_packages_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"/><g clip-path="url(#truck_packages_svg__b)"><path fill="#0D234B" d="M214.795 98H19.233a.437.437 0 0 1-.428-.435c0-.218.214-.435.428-.435h195.562c.25 0 .428.217.428.435a.437.437 0 0 1-.428.435"/><path fill="#fff" d="M101.967 10.877C101.967 4.858 106.739 0 112.651 0s10.685 4.858 10.685 10.877z"/><path fill="#0D234B" d="M17.167 98h-.036a.437.437 0 0 1-.427-.435c0-.218.214-.435.427-.435h.036c.25 0 .427.217.427.435a.437.437 0 0 1-.427.435M66.423 97.71c5.232 0 9.474-4.318 9.474-9.644s-4.242-9.644-9.474-9.644-9.474 4.318-9.474 9.644 4.242 9.644 9.474 9.644"/><path fill="#005D92" d="M126.363 90.278h-83.34V33.102c0-4.532 3.598-8.194 8.05-8.194h75.29z"/><path fill="#00A0D6" d="M158.666 90.278h-83.34v-65.37h75.362c4.417 0 7.978 3.626 7.978 8.122z"/><path fill="#0D234B" d="M110.229 90.314H86.153v-2.682c0-6.78 5.378-12.255 12.038-12.255s12.038 5.475 12.038 12.255z"/><path fill="#0D234B" d="M206.675 91.076H39.498V87.74c0-1.414 1.104-2.538 2.493-2.538h162.191c1.389 0 2.493 1.124 2.493 2.538z"/><path fill="#0D234B" d="M98.191 97.71c5.233 0 9.474-4.318 9.474-9.644s-4.241-9.644-9.474-9.644c-5.232 0-9.473 4.318-9.473 9.644s4.241 9.644 9.473 9.644"/><path fill="#005D92" d="M98.12 92.018c2.144 0 3.882-1.77 3.882-3.952s-1.738-3.952-3.882-3.952-3.882 1.77-3.882 3.952 1.738 3.952 3.882 3.952"/><path fill="#0D234B" d="M152.611 33.573H79.137a.437.437 0 0 1-.427-.435c0-.217.214-.435.427-.435h73.474c.25 0 .428.218.428.435 0 .218-.214.435-.428.435M79.28 80.67h-3.953v-.907h3.953c.926 0 1.674-.87 1.674-1.957s-.748-1.958-1.674-1.958h-3.953v-.907h3.953c1.424 0 2.564 1.27 2.564 2.865 0 1.559-1.14 2.864-2.564 2.864M71.373 85.202H47.12V34.08c0-2.502 1.995-4.496 4.416-4.496h19.838z"/><path fill="#0D234B" d="M75.327 80.67h-.428c-1.531 0-2.742-1.27-2.742-2.792v-.109c0-1.559 1.246-2.791 2.742-2.791h.427v.906H74.9c-1.033 0-1.852.87-1.852 1.885v.109c0 1.051.855 1.885 1.852 1.885h.427zM43.45 80.67h-.427v-.907h.428c1.033 0 1.852-.87 1.852-1.885v-.109c0-1.051-.855-1.885-1.852-1.885h-.428v-.906h.428c1.531 0 2.742 1.269 2.742 2.791v.109c.036 1.523-1.21 2.792-2.742 2.792"/><path fill="#005D92" d="M75.362 82.446H21.298v2.756h54.064z"/><path fill="#0D234B" d="M71.373 72.766H51.43l5.128-20.303h14.816z"/><path fill="#00A0D6" d="M65.71 72.766H50.075V54.783c0-1.305 1.033-2.356 2.315-2.356h13.32z"/><path fill="#8EDDF9" d="M52.07 69.612c0 .762.605 1.378 1.353 1.378h2.172c.748 0 1.354-.616 1.354-1.378s-.606-1.378-1.354-1.378h-2.172c-.748 0-1.354.617-1.354 1.378"/><path fill="#D3CECB" d="M71.373 52.463h-16.49l5.164-15.01h11.326z"/><path fill="#F3F2F2" d="M67.918 52.463H54.883V39.81c0-1.305 1.033-2.357 2.315-2.357h10.72z"/><path fill="#D3CECB" d="M57.946 50.868c.748 0 1.354-.617 1.354-1.378v-2.212c0-.761-.606-1.378-1.354-1.378s-1.353.617-1.353 1.378v2.212c0 .761.605 1.377 1.353 1.377"/><path fill="#E0F8FF" d="M71.374 82.447H26.96v-7.324c0-1.305 1.033-2.356 2.315-2.356h42.098z"/><path fill="#8EDDF9" d="M30.13 79.003c0 .761.606 1.377 1.354 1.377h2.173c.748 0 1.353-.616 1.353-1.377 0-.762-.605-1.378-1.353-1.378h-2.173c-.748 0-1.353.616-1.353 1.378M37.753 80.38c.747 0 1.353-.616 1.353-1.377s-.606-1.378-1.353-1.378c-.748 0-1.354.617-1.354 1.378s.606 1.377 1.354 1.377M71.409 72.767H59.264v9.68H71.41z"/></g></g><defs><clipPath id="truck_packages_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_packages_svg__b"><path fill="#fff" d="M13 0h231v98H13z"/></clipPath></defs></svg>';
export const truck_packages = illustration;