pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 2.96 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#phone-ribbon-lock_svg__a)"><path fill="#E0F8FF" 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="#fff" d="M32.002 113.568h55.402V30.426H32.002z"/><path fill="#000" d="M87.403 31.126V25.88c0-3.249-2.558-5.88-5.71-5.88H37.71C34.557 20 32 22.631 32 25.88v5.246zM32 114.201C39.822 119.743 49.382 123 59.703 123c10.322 0 19.878-3.257 27.7-8.799v-2.097H32z"/><path fill="#005D92" d="M72.444 104.303H46.965a4.7 4.7 0 0 1-4.695-4.708c0-2.598 2.1-4.708 4.695-4.708h25.479a4.7 4.7 0 0 1 4.695 4.708c-.004 2.602-2.104 4.708-4.695 4.708"/><path fill="#00A0D6" d="M68.319 100.463H51.086a.864.864 0 0 1 0-1.727H68.32a.864.864 0 0 1 0 1.727"/><path fill="#D3CECB" d="M78.091 74.909H41.314a.31.31 0 0 1-.312-.313c0-.171.142-.313.312-.313h36.777c.175 0 .312.142.312.313 0 .17-.141.313-.312.313M71.838 80.567H47.565a.31.31 0 0 1-.312-.313c0-.17.141-.313.312-.313h24.273c.174 0 .311.142.311.313a.31.31 0 0 1-.311.313"/><path fill="#FFC8A3" d="m54.795 64.926 4.907-3.507 4.903 3.507v-13.37h-9.81z"/><path fill="#99290A" d="m54.795 54.311 1.78 1.685a7.58 7.58 0 0 0 5.206 2.072h2.824v-4.32z"/><path fill="#00A0D6" d="M59.702 55.955c4.494 0 8.138-3.641 8.138-8.132s-3.644-8.132-8.138-8.132-8.138 3.641-8.138 8.132 3.644 8.132 8.138 8.132"/><path fill="#005D92" d="M59.701 52.227a4.406 4.406 0 0 0 4.408-4.403 4.406 4.406 0 0 0-4.408-4.404 4.406 4.406 0 0 0-4.407 4.404 4.406 4.406 0 0 0 4.407 4.403"/><path fill="#000" d="M87.403 31.126V25.88c0-3.249-2.558-5.88-5.71-5.88H37.71C34.557 20 32 22.631 32 25.88v5.246z"/><path fill="#00A0D6" d="M93.068 60.11c8.874 0 16.068-7.189 16.068-16.055 0-8.867-7.194-16.055-16.068-16.055S77 35.188 77 44.055c0 8.866 7.194 16.054 16.068 16.054"/><path fill="#00A0D6" d="M93.068 44.055H77v16.054h16.068z"/><path fill="#FAE3D1" d="M92.636 54.345a7.637 7.637 0 0 0 7.639-7.635 7.637 7.637 0 0 0-7.64-7.636 7.637 7.637 0 0 0-7.638 7.636 7.637 7.637 0 0 0 7.639 7.635"/><path fill="#0D234B" d="m98.437 43.44-1.671-.012.037-4.558a4.22 4.22 0 0 0-4.175-4.245 4.21 4.21 0 0 0-4.246 4.174l-.037 4.558-1.672-.012.037-4.558c.03-3.24 2.691-5.855 5.935-5.83a5.89 5.89 0 0 1 5.834 5.93z"/><path fill="#8EDDF9" d="M92.636 54.345a7.637 7.637 0 0 0 7.639-7.635 7.637 7.637 0 0 0-7.64-7.636 7.637 7.637 0 0 0-7.638 7.636 7.637 7.637 0 0 0 7.639 7.635"/><path fill="#E0F8FF" d="M92.637 51.192a4.485 4.485 0 0 0 4.487-4.483 4.485 4.485 0 0 0-4.487-4.482 4.485 4.485 0 0 0-4.487 4.482 4.485 4.485 0 0 0 4.487 4.483"/><path fill="#0D234B" d="M93.746 45.822a1.103 1.103 0 1 0-1.66.943l-.432 1.935 1.967.016-.404-1.96a1.1 1.1 0 0 0 .529-.934"/></g><defs><clipPath id="phone-ribbon-lock_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 phone_ribbon_lock = illustration;
export const phoneRibbonLock = illustration;