pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
2 lines • 3.88 kB
text/typescript
const illustration: string = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 80 80"><mask id="notifications_svg__a" width="80" height="80" x="0" y="0" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40s17.909 40 40 40" clip-rule="evenodd"/></mask><g mask="url(#notifications_svg__a)"><path fill="#DBF0DF" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40s17.909 40 40 40"/><mask id="notifications_svg__b" width="80" height="80" x="0" y="0" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40s17.909 40 40 40"/></mask><path fill="#EDD8B9" fill-rule="evenodd" d="m56.25 26.093-6.82 7.846a3.113 3.113 0 0 1-4.364.314 3.08 3.08 0 0 1-.315-4.345l6.82-7.847a3.11 3.11 0 0 1 4.363-.314 3.08 3.08 0 0 1 .316 4.346" clip-rule="evenodd"/><path fill="#DCC8A8" fill-rule="evenodd" d="M20 66h22V45H20z" clip-rule="evenodd"/><path fill="#DCC8A8" fill-rule="evenodd" d="M47 56.4 40 63v-9h7z" clip-rule="evenodd"/><path fill="#A505CC" d="M20 80h24V65H20z"/><path fill="#fff" fill-rule="evenodd" d="M22 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M26 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M30 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M34 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M38 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M42 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M46 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/><path fill="#DCC8A8" fill-rule="evenodd" d="M48 56.454 41 63v-9h7z" clip-rule="evenodd"/><path fill="#3C3C3C" fill-rule="evenodd" d="M49.973 57H31.027C29.355 57 28 55.661 28 54.01V10.99C28 9.34 29.355 8 31.027 8h18.946C51.645 8 53 9.339 53 10.99v43.02C53 55.66 51.645 57 49.973 57" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M45.602 10h3.718c.928 0 1.68.726 1.68 1.622v41.15C51 53.45 50.29 54 49.415 54h-17.83C30.71 54 30 53.45 30 52.772v-41.15c0-.896.752-1.622 1.68-1.622h3.718c.33 0 .623.203.726.505.23.667.877 1.117 1.606 1.117h5.54c.729 0 1.375-.45 1.605-1.117a.76.76 0 0 1 .727-.505" clip-rule="evenodd"/><path fill="#EDD8B9" fill-rule="evenodd" d="M27 39v-7h5.886C34.053 32 35 33.02 35 34.28v.048C35 36.898 33.05 39 30.669 39z" clip-rule="evenodd"/><path fill="#EDD8B9" fill-rule="evenodd" d="M28 46h-8v-4.558l1.478-6.558c.38-1.682 1.943-2.884 3.754-2.884H28z" clip-rule="evenodd"/><path fill="#EDD8B9" fill-rule="evenodd" d="M20 65h2V41h-2zM55.429 38.27l-5.103.704c-1.615.222-3.093-.995-3.301-2.72-.21-1.724.931-3.302 2.546-3.525l5.103-.703c1.615-.222 3.093.995 3.301 2.72.209 1.724-.931 3.302-2.546 3.525" clip-rule="evenodd"/><path fill="#EDD8B9" fill-rule="evenodd" d="m55.437 44.145-6.122.83c-1.61.217-3.082-.976-3.29-2.665s.928-3.237 2.538-3.455l6.122-.83c1.61-.217 3.083.975 3.29 2.665.208 1.69-.928 3.237-2.538 3.455" clip-rule="evenodd"/><path fill="#EDD8B9" fill-rule="evenodd" d="m53.43 50.527-3.105.446c-1.614.231-3.092-1.036-3.3-2.83v-.001c-.209-1.795.931-3.438 2.545-3.67l3.105-.445c1.615-.231 3.092 1.036 3.3 2.83v.001c.209 1.795-.931 3.438-2.545 3.67M22.302 65H22V40h.302C28.762 40 34 45.548 34 52.393v.215C34 59.452 28.763 65 22.302 65" clip-rule="evenodd"/><path fill="#00A0D6" fill-rule="evenodd" d="M47.133 21.16v4.769l1.867 3V30H33v-1.071l1.867-3V21.16C34.867 17.759 37.613 15 41 15s6.133 2.759 6.133 6.16M41 34c-1.664 0-3-1.336-3-3h6c0 1.664-1.336 3-3 3" clip-rule="evenodd"/></g></svg>';
export const notifications = illustration;