rivet-stickers/dist/pills.js

Stickers for Indiana University's Rivet Design System

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

const name = 'pills';
const svg = `<svg><path fill="var(--fill)" d="M29 38c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11ZM18 53c0 6.075 4.925 11 11 11s11-4.925 11-11-4.925-11-11-11-11 4.925-11 11Zm26-27c0-5.409 3.922-10 9-10 5.078 0 9 4.591 9 10v28c0 5.409-3.922 10-9 10-5.078 0-9-4.591-9-10V26Z"/><path d="M29 38c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11Zm5.618-3.968a9 9 0 0 1-12.65-12.65l12.65 12.65Zm1.414-1.414-12.65-12.65a9 9 0 0 1 12.65 12.65ZM18 53c0 6.075 4.925 11 11 11s11-4.925 11-11-4.925-11-11-11-11 4.925-11 11Zm11 9a8.962 8.962 0 0 1-5.618-1.968l12.65-12.65A9 9 0 0 1 29 62Zm-9-9a9 9 0 0 1 14.618-7.032l-12.65 12.65A8.962 8.962 0 0 1 20 53Zm24-27c0-5.409 3.922-10 9-10 5.078 0 9 4.591 9 10v28c0 5.409-3.922 10-9 10-5.078 0-9-4.591-9-10V26Zm9-8c-3.758 0-7 3.468-7 8v13h14V26c0-4.532-3.242-8-7-8Zm7 23H46v13c0 4.532 3.242 8 7 8s7-3.468 7-8V41Z"/></svg>`;

registerSticker(name, svg);