rivet-stickers
Version:
Stickers for Indiana University's Rivet Design System
7 lines (4 loc) • 1.5 kB
JavaScript
import { registerSticker } from './rivet-sticker-element.js';
const name = 'phone-bubble';
const svg = `<svg><path fill="var(--fill)" d="M41 18a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h3.586L49 42.414 53.414 38H57a5 5 0 0 0 5-5V23a5 5 0 0 0-5-5H41Zm-19.263 6.322c-1.14-1.14-3.145-1.245-4.231.203-3.11 4.144-3.93 9.657-2.787 15.286 1.144 5.634 4.261 11.454 9.139 16.331 4.877 4.877 10.697 7.995 16.33 9.139 5.63 1.142 11.143.323 15.287-2.787 1.448-1.086 1.343-3.09.203-4.23l-6.661-6.662a5 5 0 0 0-6.66-.368l-4.283 3.426L25.34 41.926l3.427-4.284a5 5 0 0 0-.37-6.659l-6.66-6.66Z"/><path d="M41 18a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h3.586L49 42.414 53.414 38H57a5 5 0 0 0 5-5V23a5 5 0 0 0-5-5H41Zm-3 5a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-4.414L49 39.586 45.414 36H41a3 3 0 0 1-3-3V23Zm-16.263 1.322 6.66 6.661a5 5 0 0 1 .37 6.66l-3.427 4.283L38.074 54.66l4.284-3.426a5 5 0 0 1 6.659.368l6.66 6.662c1.14 1.14 1.246 3.144-.202 4.23-4.144 3.11-9.657 3.93-15.286 2.787-5.634-1.144-11.454-4.262-16.331-9.139-4.878-4.877-7.995-10.697-9.139-16.33-1.142-5.63-.323-11.143 2.787-15.287 1.086-1.448 3.09-1.342 4.23-.203Zm-2.632 1.403c-2.683 3.577-3.485 8.468-2.425 13.688 1.058 5.216 3.967 10.69 8.592 15.315s10.1 7.534 15.315 8.593c5.22 1.06 10.11.258 13.688-2.426.32-.24.41-.795-.011-1.217l-6.662-6.661a3 3 0 0 0-3.995-.222l-4.283 3.427a2 2 0 0 1-2.664-.148L23.926 43.34a2 2 0 0 1-.148-2.664l3.427-4.283a3 3 0 0 0-.222-3.995l-6.66-6.661c-.423-.423-.978-.331-1.218-.012Z"/></svg>`;
registerSticker(name, svg);