rivet-stickers/dist/chat-bubbles.js

Stickers for Indiana University's Rivet Design System

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

const name = 'chat-bubbles';
const svg = `<svg><path fill="var(--fill)" d="M16 25a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v10h13a5 5 0 0 1 5 5v12a5 5 0 0 1-5 5h-.586L54 61.414 49.586 57H39a5 5 0 0 1-5-5V42h-3.586L26 46.414 21.586 42H21a5 5 0 0 1-5-5V25Z"/><path d="M26 31a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm5 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm18 15a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm-9-2a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm-5 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/><path d="M16 25a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v10h13a5 5 0 0 1 5 5v12a5 5 0 0 1-5 5h-.586L54 61.414 49.586 57H39a5 5 0 0 1-5-5V42h-3.586L26 46.414 21.586 42H21a5 5 0 0 1-5-5V25Zm18 15a5 5 0 0 1 5-5h5V25a3 3 0 0 0-3-3H21a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h1.414L26 43.586 29.586 40H34Zm5-3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h11.414L54 58.586 57.586 55H59a3 3 0 0 0 3-3V40a3 3 0 0 0-3-3H39Z"/></svg>`;

registerSticker(name, svg);