rivet-stickers/dist/head-circles.js

Stickers for Indiana University's Rivet Design System

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

const name = 'head-circles';
const svg = `<svg><path fill="var(--fill)" d="M39 15c-11.046 0-20 8.954-20 20 0 6.083 2.717 11.532 7 15.2V63h20v-8h8a5 5 0 0 0 5-5v-8h2.497a2.566 2.566 0 0 0 1.757-4.436l-4.272-4.013c-.285-5.806-2.554-10.427-6.11-13.61C49.24 16.691 44.336 15 39 15Z"/><path d="M37.376 46.255a8 8 0 0 1-8.24-13.606A10.076 10.076 0 0 1 29 31c0-5.523 4.477-10 10-10s10 4.477 10 10a9.95 9.95 0 0 1-1.643 5.494 7 7 0 0 1-9.981 9.761ZM31 31c0 .193.007.384.02.573A7.977 7.977 0 0 1 34 31c2.611 0 4.93 1.25 6.39 3.186a7.023 7.023 0 0 1 5.452.962A8 8 0 1 0 31 31Zm7.444 3.969A5.985 5.985 0 0 0 34 33c-.922 0-1.795.208-2.575.58a8.024 8.024 0 0 0 4.145 4.65 7.029 7.029 0 0 1 2.874-3.261Zm-.962 3.887a8.037 8.037 0 0 0 2.518.082 5.979 5.979 0 0 0-.476-2.283 5.021 5.021 0 0 0-2.042 2.201Zm-2.435 1.332a10.035 10.035 0 0 1-5.31-5.411 6 6 0 0 0 6.288 9.873 6.967 6.967 0 0 1-.978-4.462Zm2.723 3.48a6.012 6.012 0 0 0 1.896-2.69 10.212 10.212 0 0 1-2.662-.177 4.977 4.977 0 0 0 .766 2.867Zm8.29-5.586a9.993 9.993 0 0 1-4.218 2.508 7.994 7.994 0 0 1-2.683 4.525 5 5 0 0 0 6.902-7.033Zm-1.47-1.36a4.977 4.977 0 0 0-3.159-.69c.3.749.49 1.554.549 2.395a8.007 8.007 0 0 0 2.61-1.705Z"/><path d="M39 15c-11.046 0-20 8.954-20 20 0 6.083 2.717 11.532 7 15.2V63h20v-8h8a5 5 0 0 0 5-5v-8h2.497a2.566 2.566 0 0 0 1.757-4.436l-4.272-4.013c-.285-5.806-2.554-10.427-6.11-13.61C49.24 16.691 44.336 15 39 15ZM21 35c0-9.941 8.059-18 18-18 4.919 0 9.326 1.557 12.538 4.431 3.201 2.866 5.283 7.1 5.463 12.602l.013.413 4.87 4.576a.566.566 0 0 1-.387.978h-2.934c-.864 0-1.563.7-1.563 1.563V50a3 3 0 0 1-3 3H44v8H28V49.257l-.368-.3C23.582 45.654 21 40.629 21 35Z"/></svg>`;

registerSticker(name, svg);