pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 4.95 kB
JavaScript
const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#mobile-notification_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="#F06365" d="m88.635 93.038-7.539 6.574v-7.86zM92.23 81.293l-7.89 5.29-5.26-.644 2.396-6.808zM71.863 41.23l14.756-11.835a5.045 5.045 0 0 1 7.13.847c1.52 1.987 1.373 4.792-.38 6.575L71.892 58.82V41.23z"/><path fill="#4F1600" d="m81.418 33.575 3.33-2.688-2.103 16.89-1.227 1.256z"/><path fill="#F06365" d="M71.6 59.434 86.356 47.6a5.045 5.045 0 0 1 7.13.847c1.52 1.987 1.373 4.792-.38 6.575L71.63 77.025v-17.59z"/><path fill="#4F1600" d="m80.57 52.216 3.916-3.156-1.929 16.715-.847.876z"/><path fill="#F06365" d="m49.772 141.108 6.633-16.305s11.98-8.533 17.474-19.461l-35.21.117-14.698 35.649z"/><path fill="#000" d="M82.236 27.614v-4.53c0-2.805-2.191-5.084-4.938-5.084H39.34c-2.718 0-4.939 2.28-4.939 5.084v4.53zM34.402 97.568v5.348c0 2.805 2.192 5.084 4.939 5.084h37.957c2.717 0 4.938-2.279 4.938-5.084v-5.348z"/><path fill="#005D92" d="M34.43 97.547h47.805V27.593H34.43z"/><path fill="#00A0D6" d="M42.964 91.897h30.068a2.806 2.806 0 0 0 2.805-2.805v-1.666a2.806 2.806 0 0 0-2.805-2.805H42.964a2.806 2.806 0 0 0-2.805 2.805v1.666a2.806 2.806 0 0 0 2.805 2.805"/><path fill="#fff" d="M44.483 77.756h27a4.315 4.315 0 0 0 4.325-4.324V38.28a4.315 4.315 0 0 0-4.325-4.325h-27a4.315 4.315 0 0 0-4.324 4.325V73.46c0 2.367 1.928 4.295 4.324 4.295"/><path fill="#E0F8FF" d="M49.919 72.613H66.72a.88.88 0 0 0 .877-.877.88.88 0 0 0-.877-.877H49.92a.88.88 0 0 0-.877.877c0 .497.41.877.877.877"/><path fill="#F06365" fill-rule="evenodd" d="M64.61 41.166c.257.08.457.245.594.447.31.458.49 1.136.61 1.768.127.666.21 1.416.263 2.11a38 38 0 0 1 .108 2.562v.058h-.802.803v5.08h-.803.803v.059a28 28 0 0 1-.014.734c-.013.48-.04 1.133-.095 1.829a20 20 0 0 1-.262 2.109c-.12.632-.3 1.31-.611 1.768a1.12 1.12 0 0 1-.593.447c-.25.078-.488.056-.678-.002a1.5 1.5 0 0 1-.804-.635 9.15 9.15 0 0 0-7.74-4.245h-.588l.399 2.107c.293 1.545-.905 2.972-2.493 2.972a2.53 2.53 0 0 1-2.493-2.047l-.577-3.045c-2.407-.176-4.304-2.164-4.304-4.59 0-2.543 2.082-4.604 4.651-4.604h.642c.443 0 .802.355.802.794a.8.8 0 0 1-.802.794h-.642c-1.683 0-3.047 1.35-3.047 3.015s1.364 3.016 3.047 3.016h.321a.8.8 0 0 1 .789.648l.697 3.68a.93.93 0 0 0 .916.752.925.925 0 0 0 .916-1.093l-.577-3.047a.79.79 0 0 1 .171-.653.8.8 0 0 1 .617-.287h1.555c3.483 0 6.734 1.672 8.74 4.457q.056-.217.11-.495a19 19 0 0 0 .24-1.938 36 36 0 0 0 .102-2.45v-5.179a24 24 0 0 0-.013-.7 36 36 0 0 0-.09-1.75 19 19 0 0 0-.24-1.938 8 8 0 0 0-.11-.495 10.76 10.76 0 0 1-8.208 4.444v4.298c0 .439-.36.794-.802.794a.8.8 0 0 1-.802-.794v-5.08c0-.437.359-.793.802-.793h.271a9.15 9.15 0 0 0 7.74-4.245c.166-.264.442-.524.804-.635.19-.058.429-.08.678-.002m-.115 1.471-.005.006zm0 16.029-.005-.006zM52.55 46.042c.443 0 .802.355.802.794v.006a.8.8 0 0 1-.802.794.8.8 0 0 1-.802-.794v-.006c0-.439.36-.794.802-.794m13.955 2.07c0-.439.36-.794.802-.794 1.039 0 1.867.42 2.421 1.08.54.64.787 1.463.787 2.253 0 .791-.248 1.614-.787 2.255-.554.658-1.382 1.079-2.42 1.079a.8.8 0 0 1-.803-.794c0-.438.36-.793.802-.793.566 0 .941-.215 1.189-.509.263-.312.415-.758.415-1.238 0-.479-.152-.925-.415-1.238-.248-.293-.623-.508-1.189-.508a.8.8 0 0 1-.802-.793" clip-rule="evenodd"/><path fill="#fff" d="M54.798 89.12h6.341a.88.88 0 0 0 .877-.876.88.88 0 0 0-.877-.877H54.8a.88.88 0 0 0-.877.877c.029.496.409.876.876.876" opacity=".5"/><path fill="#F06365" d="m80.453 72.35 8.299-.935c3.214-.38 5.99 2.28 5.727 5.523l-.03.467c-.204 2.572-2.278 4.617-4.85 4.763l-8.27.497c-3.126.175-5.697-2.425-5.463-5.552a5.23 5.23 0 0 1 4.587-4.763M77.736 86.085l7.13-.818A4.435 4.435 0 0 1 89.804 90l-.03.38a4.435 4.435 0 0 1-4.178 4.091l-7.1.41a4.425 4.425 0 0 1-4.676-4.764c.147-2.074 1.783-3.798 3.916-4.032"/><path fill="#4F1600" d="M81.33 83.013c-.175 0-.321-.117-.35-.321a.364.364 0 0 1 .292-.41l5.61-.905c.205-.03.38.117.41.292a.364.364 0 0 1-.293.41l-5.61.905c0 .03-.03.03-.059.03M81.798 95.086a.34.34 0 0 1-.351-.351c0-.205.146-.38.35-.38l2.338-.146c.205 0 .38.146.38.35 0 .205-.146.38-.35.38z"/><path fill="#F06365" d="m6 141.106 9.877-23.902a17.4 17.4 0 0 0 1.314-6.867l-.35-31.265c-.03-1.374.233-2.747.701-4.033l10.49-28.11c.818-2.162 3.536-2.863 5.26-1.315a3.32 3.32 0 0 1 1.14 2.484v27.847s18.496 17.182 5.493 39.36l-9.117 25.831H6z"/><path fill="#4F1600" d="M40.684 113.698a.5.5 0 0 1-.204-.059.343.343 0 0 1-.088-.496c2.22-3.215 2.66-4.763 2.66-4.793.058-.204.262-.292.438-.262.204.058.32.262.262.438-.029.058-.467 1.636-2.775 4.996a.32.32 0 0 1-.293.176"/><path fill="#4F1600" d="m42.029 111.008 16.947-3.01H43.168z"/></g><defs><clipPath id="mobile-notification_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 mobile_notification = illustration;
export const mobileNotification = illustration;