rivet-stickers/dist/target.js

Stickers for Indiana University's Rivet Design System

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

const name = 'target';
const svg = `<svg><path fill="var(--fill)" d="M57 16v5.586l-2.167 2.167A21.92 21.92 0 0 0 40 18c-12.15 0-22 9.85-22 22s9.85 22 22 22 22-9.85 22-22a21.92 21.92 0 0 0-5.752-14.833L58.413 23H64v-2h-5v-5h-2Z"/><path d="M57 16v5.586l-2.167 2.167A21.92 21.92 0 0 0 40 18c-12.15 0-22 9.85-22 22s9.85 22 22 22 22-9.85 22-22a21.92 21.92 0 0 0-5.752-14.833L58.413 23H64v-2h-5v-5h-2Zm-3.583 9.168-2.124 2.125A16.936 16.936 0 0 0 40 23c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17c0-4.335-1.622-8.29-4.293-11.293l2.125-2.124A19.926 19.926 0 0 1 60 40c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20c5.163 0 9.87 1.956 13.417 5.168Zm-3.54 3.542-2.128 2.127A11.952 11.952 0 0 0 40 28c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12c0-2.954-1.067-5.658-2.837-7.749l2.127-2.127A14.943 14.943 0 0 1 55 40c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15 3.782 0 7.238 1.4 9.876 3.71Zm-3.548 3.547-2.137 2.137a7 7 0 1 0 1.414 1.414l2.137-2.137A9.959 9.959 0 0 1 50 40c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10c2.401 0 4.605.846 6.329 2.257Zm-3.572 3.571-3.464 3.465 1.414 1.414 3.465-3.464a5 5 0 1 1-1.414-1.414Z"/></svg>`;

registerSticker(name, svg);