rivet-stickers
Version:
Stickers for Indiana University's Rivet Design System
7 lines (4 loc) • 1.73 kB
JavaScript
import { registerSticker } from './rivet-sticker-element.js';
const name = 'dna-strand';
const svg = `<svg><path fill="var(--fill)" d="M30 17.859c0-.633.061-1.254.18-1.859h2.052a7.61 7.61 0 0 0 .074 4h15.388a7.61 7.61 0 0 0 .074-4h2.052a9.667 9.667 0 0 1-.474 5.357c-1.19 3.118-3.901 5.738-7.452 7.573C46.694 31.413 50 35.356 50 40c0 4.555-3.183 8.439-7.838 10.93 3.534 1.888 6.201 4.567 7.298 7.744a9.67 9.67 0 0 1 .3 5.326h-2.069c.204-.7.309-1.417.309-2.14a7.64 7.64 0 0 0-.23-1.86H32.23a7.64 7.64 0 0 0-.23 1.86c0 .723.105 1.44.309 2.14h-2.07a9.67 9.67 0 0 1 .3-5.326c1.098-3.177 3.765-5.856 7.3-7.745C33.182 48.44 30 44.555 30 40c0-4.642 3.305-8.586 8.106-11.07-3.55-1.834-6.262-4.454-7.453-7.572A9.765 9.765 0 0 1 30 17.859Z"/><path d="M30 17.859c0 1.21.228 2.383.654 3.498 1.19 3.118 3.901 5.738 7.452 7.573C33.306 31.413 30 35.356 30 40c0 4.555 3.183 8.439 7.838 10.93-3.534 1.888-6.201 4.567-7.298 7.744a9.67 9.67 0 0 0-.3 5.326h2.069A7.649 7.649 0 0 1 32 61.86c0-.632.078-1.253.23-1.86h15.54a7.64 7.64 0 0 1 .23 1.86c0 .723-.105 1.44-.309 2.14h2.07a9.67 9.67 0 0 0-.3-5.326c-1.098-3.177-3.765-5.856-7.3-7.745C46.818 48.44 50 44.555 50 40c0-4.642-3.305-8.586-8.106-11.07 3.55-1.834 6.262-4.454 7.453-7.572A9.667 9.667 0 0 0 49.82 16h-2.053a7.61 7.61 0 0 1-.074 4H32.306a7.61 7.61 0 0 1-.074-4H30.18a9.667 9.667 0 0 0-.18 1.859ZM33.179 22H46.82c-1.313 2.228-3.68 4.204-6.821 5.625-3.141-1.42-5.508-3.397-6.821-5.625Zm14.754 17H32.067c.467-3.486 3.358-6.698 7.933-8.767 4.575 2.069 7.466 5.281 7.933 8.767Zm-15.866 2h15.866c-.467 3.485-3.358 6.698-7.933 8.766-4.575-2.068-7.466-5.281-7.933-8.766ZM40 52.093c3.275 1.481 5.705 3.564 6.981 5.907H33.02c1.276-2.343 3.706-4.426 6.981-5.907Z"/></svg>`;
registerSticker(name, svg);