rivet-stickers/dist/mobile-notification.js

Stickers for Indiana University's Rivet Design System

import { registerSticker } from './rivet-sticker-element.js';

const name = 'mobile-notification';
const svg = `<svg><path fill="var(--fill)" d="M54 25.92V21a5 5 0 0 0-5-5H29a5 5 0 0 0-5 5v38a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5v-6.92c5.263-2.012 9-7.11 9-13.08s-3.737-11.068-9-13.08Z"/><path d="M45 59H33v-2h12v2Zm11-14h-5a2 2 0 1 1-4 0h-5v-2h.882l.366-.733c.175-.349.276-.73.298-1.12l.234-4.209A5.23 5.23 0 0 1 48 32.096V32a1 1 0 1 1 2 0v.096a5.23 5.23 0 0 1 4.22 4.842l.234 4.209c.022.39.123.771.298 1.12l.366.733H56v2Zm-3.114-2a4.86 4.86 0 0 1-.429-1.742l-.234-4.209a3.228 3.228 0 0 0-6.446 0l-.234 4.209A4.86 4.86 0 0 1 45.114 43h7.772Z"/><path d="M54 25.92V21a5 5 0 0 0-5-5H29a5 5 0 0 0-5 5v38a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5v-6.92c5.263-2.012 9-7.11 9-13.08s-3.737-11.068-9-13.08ZM29 18h2a1 1 0 0 1 1 1v.5a1.5 1.5 0 0 0 1.5 1.5h11a1.5 1.5 0 0 0 1.5-1.5V19a1 1 0 0 1 1-1h2a3 3 0 0 1 3 3v4.322A14.053 14.053 0 0 0 49 25c-7.732 0-14 6.268-14 14s6.268 14 14 14c1.03 0 2.033-.111 3-.322V59a3 3 0 0 1-3 3H29a3 3 0 0 1-3-3V21a3 3 0 0 1 3-3Zm20 9c6.627 0 12 5.373 12 12s-5.373 12-12 12-12-5.373-12-12 5.373-12 12-12Z"/></svg>`;

registerSticker(name, svg);