rivet-stickers
Version:
Stickers for Indiana University's Rivet Design System
7 lines (4 loc) • 1.92 kB
JavaScript
import { registerSticker } from './rivet-sticker-element.js';
const name = 'mask';
const svg = `<svg><path fill="var(--fill)" d="M55.313 50H59a5 5 0 0 0 5-5V34a3 3 0 0 0-3-3h-4c-2.357 0-4.008-.47-5.287-1.137-1.294-.674-2.266-1.58-3.256-2.57l-.33-.331c-.87-.878-1.81-1.826-2.968-2.558C43.811 23.554 42.189 23 40 23c-2.188 0-3.81.553-5.159 1.404-1.158.732-2.099 1.68-2.969 2.558-.111.112-.22.222-.33.33-.989.99-1.961 1.896-3.255 2.571C27.008 30.531 25.357 31 23 31h-4a3 3 0 0 0-3 3v11a5 5 0 0 0 5 5h3.688c3.113 5.196 8.633 8.671 15.108 10.018l.204.043.204-.043C46.679 58.671 52.199 55.196 55.312 50ZM58 33v7c0 2.922-.583 5.604-1.648 8H59a3 3 0 0 0 3-3V34a1 1 0 0 0-1-1h-3ZM23.648 48C22.583 45.604 22 42.922 22 40v-7h-3a1 1 0 0 0-1 1v11a3 3 0 0 0 3 3h2.648Z"/><path d="M32 42v-2h16v2H32Zm2 3v2h12v-2H34Z"/><path d="M55.313 50H59a5 5 0 0 0 5-5V34a3 3 0 0 0-3-3h-4c-2.357 0-4.008-.47-5.287-1.137-1.294-.674-2.266-1.58-3.256-2.57l-.33-.331c-.87-.878-1.81-1.826-2.968-2.558C43.811 23.554 42.189 23 40 23c-2.188 0-3.81.553-5.159 1.404-1.158.732-2.099 1.68-2.969 2.558-.111.112-.22.222-.33.33-.989.99-1.961 1.896-3.255 2.571C27.008 30.531 25.357 31 23 31h-4a3 3 0 0 0-3 3v11a5 5 0 0 0 5 5h3.688c3.113 5.196 8.633 8.671 15.108 10.018l.204.043.204-.043C46.679 58.671 52.199 55.196 55.312 50ZM24 32.973c2.15-.117 3.825-.612 5.213-1.336 1.581-.826 2.734-1.92 3.744-2.93l.332-.333.001-.001c.89-.896 1.666-1.675 2.619-2.277C36.936 25.446 38.189 25 40 25c1.812 0 3.064.447 4.091 1.096.953.602 1.728 1.381 2.619 2.277l.333.334c1.01 1.01 2.163 2.104 3.744 2.93 1.388.724 3.062 1.22 5.213 1.336V40c0 3.21-.774 6.064-2.138 8.514-2.684 4.82-7.713 8.174-13.862 9.503-6.149-1.329-11.178-4.684-13.862-9.504C24.774 46.063 24 43.21 24 40v-7.027ZM58 33h3a1 1 0 0 1 1 1v11a3 3 0 0 1-3 3h-2.648C57.417 45.604 58 42.922 58 40v-7ZM23.648 48H21a3 3 0 0 1-3-3V34a1 1 0 0 1 1-1h3v7c0 2.922.583 5.604 1.648 8Z"/></svg>`;
registerSticker(name, svg);