npm - sliccy - Versions diffs - 3.41.1 → 3.42.0 - Mend

sliccy 3.41.1 → 3.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/dist/ui/logos/error-logo-preview.html ADDED Viewed

@@ -0,0 +1,503 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Sliccy Error Logo Preview</title>
+    <style>
+      * {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        background: #f5f5f5;
+        color: #333;
+        min-height: 100vh;
+        padding: 20px;
+      }
+      h1 {
+        font-size: 1.4em;
+        margin-bottom: 20px;
+      }
+      .controls {
+        background: #fff;
+        border: 1px solid #ccc;
+        border-radius: 6px;
+        padding: 16px 20px;
+        margin-bottom: 24px;
+        max-width: 1000px;
+      }
+      .control-group {
+        margin-bottom: 12px;
+      }
+      .control-group:last-child {
+        margin-bottom: 0;
+      }
+      label {
+        display: block;
+        margin-bottom: 5px;
+        font-size: 0.9em;
+      }
+      input[type='range'] {
+        width: 100%;
+        max-width: 400px;
+        vertical-align: middle;
+      }
+      .value-display {
+        font-size: 0.85em;
+        color: #666;
+        margin-left: 8px;
+      }
+      .mode-section {
+        margin-bottom: 28px;
+      }
+      .mode-section h2 {
+        font-size: 1em;
+        margin-bottom: 10px;
+        padding-bottom: 4px;
+        border-bottom: 1px solid #ccc;
+      }
+      .tile-row {
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+      }
+      .tile {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 140px;
+      }
+      .tile-label {
+        font-size: 0.75em;
+        margin-bottom: 4px;
+        opacity: 0.7;
+      }
+      .tile-canvas {
+        width: 140px;
+        height: 140px;
+        position: relative;
+        border: 1px dashed #ccc;
+      }
+      .mode-section.mono-dark .tile-canvas {
+        background: #1a1a1a;
+        border-color: #444;
+      }
+      .mode-section.mono-dark h2 {
+        color: #555;
+      }
+      .tile-canvas svg {
+        width: 100%;
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>🍦 Sliccy Error Logo Preview (crossed-out eyes)</h1>
+    <div class="controls">
+      <div class="control-group">
+        <label
+          >Cross length (× eye radius):
+          <span class="value-display" id="cross-length-val">0.50</span></label
+        >
+        <input type="range" id="cross-length" min="0.5" max="2" step="0.05" value="0.5" />
+      </div>
+      <div class="control-group">
+        <label
+          >Cross thickness (SVG units):
+          <span class="value-display" id="cross-thickness-val">15</span></label
+        >
+        <input type="range" id="cross-thickness" min="4" max="40" step="1" value="15" />
+      </div>
+    </div>
+    <div class="mode-section" data-mode="color">
+      <h2>Color</h2>
+      <div class="tile-row" id="row-color"></div>
+    </div>
+    <div class="mode-section" data-mode="mono-light">
+      <h2>Mono Light</h2>
+      <div class="tile-row" id="row-mono-light"></div>
+    </div>
+    <div class="mode-section mono-dark" data-mode="mono-dark">
+      <h2>Mono Dark</h2>
+      <div class="tile-row" id="row-mono-dark"></div>
+    </div>
+    <script>
+      // Eye geometry (from Sliccy Logo.svg, reused from logo-editor.html).
+      const RIGHT_EYE_C = { x: 383.4, y: 216.12 };
+      const LEFT_EYE_C = { x: 175.1, y: 250.34 };
+      const EYE_RADIUS = 64.78;
+      // Palettes mirror logo-editor.html so the colors match across previews.
+      const coneColors = {
+        base: '#D2691E',
+        crosshatch: '#E8A75C',
+        outline: '#8B4513',
+      };
+      const scoopColors = [
+        { base: '#FFB6C1', dark: '#E89AAB' },
+        { base: '#98FB98', dark: '#7FD87F' },
+        { base: '#87CEEB', dark: '#6BB6D8' },
+        { base: '#DDA0DD', dark: '#C77DC7' },
+        { base: '#F0E68C', dark: '#D4C970' },
+        { base: '#FFD700', dark: '#E6C200' },
+        { base: '#FFA07A', dark: '#E88A64' },
+        { base: '#DEB887', dark: '#C8A277' },
+        { base: '#F08080', dark: '#D86A6A' },
+        { base: '#E0BBE4', dark: '#C9A5CD' },
+      ];
+      // Fixed defaults from logo-editor.html so layout matches its previews.
+      const LAYOUT = {
+        offset: 95,
+        scaleDecay: 0.95,
+        wobble: 14,
+        angularWobble: 8,
+        conePush: -21,
+        midrangeScale: 1.0,
+        midrangeY: 0,
+      };
+      const MODES = ['color', 'mono-light', 'mono-dark'];
+      const SCOOP_COUNTS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+      let scoopTemplate = null;
+      let coneTemplate = null;
+      // Canonical wobble seeds derived from sliccy-color-10scoops.svg so the
+      // error variants line up scoop-for-scoop with the existing logos.
+      // Each entry is { x: (tx-288)/14, angle: rot/8 } from that file's
+      // scoop transforms; index 0 is the base scoop with no wobble.
+      const wobbleSeeds = [
+        { x: 0, angle: 0 },
+        { x: -0.310039355037763, angle: 0.1913388171901651 },
+        { x: -0.8384358170484104, angle: 0.9362698756918275 },
+        { x: 0.47107200968630586, angle: 0.4856391041079866 },
+        { x: -0.41444869051984157, angle: -0.7088205120681517 },
+        { x: 0.33928351181225885, angle: -0.08562223417652248 },
+        { x: 0.10576171047799628, angle: 0.9003392078419594 },
+        { x: 0.5975725564377277, angle: 0.7722797611907217 },
+        { x: 0.5300881075925759, angle: 0.12269125761071353 },
+        { x: 0.9181585249482599, angle: -0.21553873797191025 },
+      ];
+      async function loadSVG() {
+        const response = await fetch('Sliccy Logo.svg');
+        const text = await response.text();
+        const svgDoc = new DOMParser().parseFromString(text, 'image/svg+xml');
+        scoopTemplate = {
+          outline: svgDoc.getElementById('Scoop_Outline').cloneNode(true),
+          rightEye: svgDoc.getElementById('Right_Eye').cloneNode(true),
+          leftEye: svgDoc.getElementById('Left_Eye').cloneNode(true),
+        };
+        coneTemplate = svgDoc.getElementById('Cone').cloneNode(true);
+        buildTiles();
+        render();
+      }
+      function buildTiles() {
+        MODES.forEach((mode) => {
+          const row = document.getElementById(`row-${mode}`);
+          row.innerHTML = '';
+          SCOOP_COUNTS.forEach((count) => {
+            const tile = document.createElement('div');
+            tile.className = 'tile';
+            tile.innerHTML = `
+              <div class="tile-label">${count} scoop${count === 1 ? '' : 's'}</div>
+              <div class="tile-canvas" id="canvas-${mode}-${count}"></div>
+            `;
+            row.appendChild(tile);
+          });
+        });
+      }
+      function applyConeColors(cone, colorMode) {
+        if (colorMode === 'mono-light') {
+          cone.querySelectorAll('[style*="fill"]').forEach((e) => {
+            e.style.fill = e.id === 'Cone_Bottom' || e.id === 'Cone_Top' ? '#fff' : '#000';
+          });
+          cone
+            .querySelectorAll('path:not([style*="fill"]), rect:not([style*="fill"])')
+            .forEach((e) => {
+              e.style.fill = '#000';
+            });
+          cone.querySelectorAll('[style*="stroke"]').forEach((e) => {
+            e.style.stroke = '#000';
+          });
+        } else if (colorMode === 'mono-dark') {
+          cone.querySelectorAll('[style*="fill"]').forEach((e) => {
+            e.style.fill = e.id === 'Cone_Bottom' || e.id === 'Cone_Top' ? '#222' : '#fff';
+          });
+          cone
+            .querySelectorAll('path:not([style*="fill"]), rect:not([style*="fill"])')
+            .forEach((e) => {
+              e.style.fill = '#fff';
+            });
+          cone.querySelectorAll('[style*="stroke"]').forEach((e) => {
+            e.style.stroke = '#fff';
+          });
+        } else {
+          cone.querySelectorAll('[style*="fill"]').forEach((e) => {
+            e.style.fill =
+              e.id === 'Cone_Bottom' || e.id === 'Cone_Top'
+                ? coneColors.base
+                : coneColors.crosshatch;
+          });
+          cone
+            .querySelectorAll('path:not([style*="fill"]), rect:not([style*="fill"])')
+            .forEach((e) => {
+              e.style.fill = coneColors.crosshatch;
+            });
+          cone.querySelectorAll('[style*="stroke"]').forEach((e) => {
+            e.style.stroke = coneColors.outline;
+          });
+        }
+      }
+      function applyEyeColors(rightEye, leftEye, colorMode) {
+        [rightEye, leftEye].forEach((eye) => {
+          const outline = eye.querySelector('circle');
+          const pupil = eye.querySelector('path');
+          if (colorMode === 'mono-dark') {
+            if (outline) {
+              outline.style.fill = '#000';
+              outline.style.stroke = '#fff';
+            }
+            if (pupil) pupil.style.fill = '#fff';
+          } else {
+            // mono-light and color share the same eye palette in logo-editor
+            if (outline) {
+              outline.style.fill = '#fff';
+              outline.style.stroke = '#000';
+            }
+            if (pupil) pupil.style.fill = '#000';
+          }
+        });
+      }
+      function makeCross(center, arm, thickness, color) {
+        const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        const mkLine = (x1, y1, x2, y2) => {
+          const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+          line.setAttribute('x1', x1);
+          line.setAttribute('y1', y1);
+          line.setAttribute('x2', x2);
+          line.setAttribute('y2', y2);
+          line.setAttribute('stroke', color);
+          line.setAttribute('stroke-width', thickness);
+          line.setAttribute('stroke-linecap', 'round');
+          return line;
+        };
+        // Diagonal from top-left to bottom-right
+        group.appendChild(
+          mkLine(center.x - arm, center.y - arm, center.x + arm, center.y + arm)
+        );
+        // Diagonal from bottom-left to top-right
+        group.appendChild(
+          mkLine(center.x - arm, center.y + arm, center.x + arm, center.y - arm)
+        );
+        return group;
+      }
+      function darkenColor(hex, percent = 20) {
+        const r = parseInt(hex.slice(1, 3), 16);
+        const g = parseInt(hex.slice(3, 5), 16);
+        const b = parseInt(hex.slice(5, 7), 16);
+        const f = (v) => Math.max(0, Math.floor(v * (1 - percent / 100)));
+        return `#${[f(r), f(g), f(b)].map((v) => v.toString(16).padStart(2, '0')).join('')}`;
+      }
+      function applyScoopColors(outline, scoopIndex, colorMode, svgRoot, idPrefix) {
+        if (colorMode === 'mono-light') {
+          outline.style.fill = '#fff';
+          outline.style.stroke = '#000';
+        } else if (colorMode === 'mono-dark') {
+          outline.style.fill = '#222';
+          outline.style.stroke = '#fff';
+        } else {
+          const colorData = scoopColors[scoopIndex % scoopColors.length];
+          const baseColor = colorData.base;
+          const darkColor = colorData.dark;
+          const outlineColor = darkenColor(darkColor, 20);
+          // IDs must be unique across the page (33 SVGs in the same DOM),
+          // so namespace the gradient by mode + count + scoop index.
+          const gradientId = `scoop-gradient-${idPrefix}-${scoopIndex}`;
+          let defs = svgRoot.querySelector('defs');
+          if (!defs) {
+            defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+            svgRoot.insertBefore(defs, svgRoot.firstChild);
+          }
+          const gradient = document.createElementNS(
+            'http://www.w3.org/2000/svg',
+            'linearGradient'
+          );
+          gradient.setAttribute('id', gradientId);
+          gradient.setAttribute('x1', '0%');
+          gradient.setAttribute('y1', '0%');
+          gradient.setAttribute('x2', '100%');
+          gradient.setAttribute('y2', '100%');
+          const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+          stop1.setAttribute('offset', '0%');
+          stop1.setAttribute('style', `stop-color:${baseColor};stop-opacity:1`);
+          const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+          stop2.setAttribute('offset', '100%');
+          stop2.setAttribute('style', `stop-color:${darkColor};stop-opacity:1`);
+          gradient.appendChild(stop1);
+          gradient.appendChild(stop2);
+          defs.appendChild(gradient);
+          outline.style.fill = `url(#${gradientId})`;
+          outline.style.stroke = outlineColor;
+        }
+      }
+      // Strip the pupil <path> from each eye and append two crossing <line>s
+      // so the error treatment scales with whatever parent group the eyes
+      // live in (cone group for count=0, top scoop group otherwise).
+      function applyErrorEyes(rightEye, leftEye, parent, armLength, thickness, crossColor) {
+        [rightEye, leftEye].forEach((eye) => {
+          eye.querySelectorAll('path').forEach((p) => p.remove());
+        });
+        parent.appendChild(makeCross(RIGHT_EYE_C, armLength, thickness, crossColor));
+        parent.appendChild(makeCross(LEFT_EYE_C, armLength, thickness, crossColor));
+      }
+      // Ported from logo-editor.html renderLogo(), using the constant LAYOUT
+      // defaults and skipping the eye-transform / animation knobs (all 1.0 / 0).
+      function renderLogo(container, count, colorMode, idPrefix, armLength, thickness) {
+        const { offset, scaleDecay, wobble, angularWobble, conePush, midrangeScale, midrangeY } =
+          LAYOUT;
+        const crossColor = colorMode === 'mono-dark' ? '#fff' : '#000';
+        const t = count / 10;
+        let baseY = -175 + t * (512 - -175);
+        let overallScale = 1.25 + t * (1.1 - 1.25);
+        if (count >= 1 && count <= 9) {
+          let scaleFactor;
+          if (count <= 2) {
+            scaleFactor = 0.9;
+          } else if (count <= 5) {
+            scaleFactor = 0.9 + ((count - 2) * (0.95 - 0.9)) / (5 - 2);
+          } else {
+            scaleFactor = 0.95 + (Math.min(count - 5, 2) * (1.0 - 0.95)) / (7 - 5);
+          }
+          let yOffset;
+          if (count === 1) yOffset = 100;
+          else if (count <= 5) yOffset = 120;
+          else if (count === 6) yOffset = 115;
+          else if (count === 7) yOffset = 110;
+          else if (count === 8) yOffset = 80;
+          else yOffset = 50;
+          overallScale *= scaleFactor * midrangeScale;
+          baseY += yOffset + midrangeY;
+        }
+        const viewBoxWidth = 1024;
+        const viewBoxHeight = 1024;
+        const contentWidth = 576.75;
+        const xOffset = (viewBoxWidth - contentWidth) / 2;
+        const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        svg.setAttribute('viewBox', `0 0 ${viewBoxWidth} ${viewBoxHeight}`);
+        svg.setAttribute('width', '100%');
+        svg.setAttribute('height', '100%');
+        const mainGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        const conePushTotal = (count - 1) * conePush;
+        const totalHeight = 887.3 + (count - 1) * offset + conePushTotal;
+        const sf = Math.min(1, 900 / totalHeight) * overallScale;
+        const translateY = (viewBoxHeight - totalHeight * sf) / 2 + baseY;
+        const translateX = xOffset + (contentWidth - contentWidth * sf) / 2;
+        mainGroup.setAttribute('transform', `translate(${translateX}, ${translateY}) scale(${sf})`);
+        const coneGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        coneGroup.setAttribute('transform', `translate(0, ${conePushTotal})`);
+        const cone = coneTemplate.cloneNode(true);
+        applyConeColors(cone, colorMode);
+        coneGroup.appendChild(cone);
+        // 0 scoops: eyes sit on the cone itself — that's the "error" target here.
+        if (count === 0) {
+          const rightEye = scoopTemplate.rightEye.cloneNode(true);
+          const leftEye = scoopTemplate.leftEye.cloneNode(true);
+          applyEyeColors(rightEye, leftEye, colorMode);
+          coneGroup.appendChild(rightEye);
+          coneGroup.appendChild(leftEye);
+          applyErrorEyes(rightEye, leftEye, coneGroup, armLength, thickness, crossColor);
+        }
+        mainGroup.appendChild(coneGroup);
+        for (let i = 0; i < count; i++) {
+          const scoopGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+          const scoopsAbove = count - 1 - i;
+          const pushDown = scoopsAbove * conePush;
+          const scoopY = -i * offset + pushDown;
+          const scoopX = i > 0 ? wobbleSeeds[i].x * wobble : 0;
+          const scoopAngle = i > 0 ? wobbleSeeds[i].angle * angularWobble : 0;
+          const scoopScale = Math.pow(scaleDecay, i);
+          const centerX = 288;
+          const centerY = 250;
+          scoopGroup.setAttribute(
+            'transform',
+            `translate(${centerX + scoopX}, ${centerY + scoopY}) rotate(${scoopAngle}) scale(${scoopScale}) translate(${-centerX}, ${-centerY})`
+          );
+          const outline = scoopTemplate.outline.cloneNode(true);
+          applyScoopColors(outline, i, colorMode, svg, idPrefix);
+          scoopGroup.appendChild(outline);
+          // Eyes (and the X) only on the top scoop.
+          if (i === count - 1) {
+            const rightEye = scoopTemplate.rightEye.cloneNode(true);
+            const leftEye = scoopTemplate.leftEye.cloneNode(true);
+            applyEyeColors(rightEye, leftEye, colorMode);
+            scoopGroup.appendChild(rightEye);
+            scoopGroup.appendChild(leftEye);
+            applyErrorEyes(rightEye, leftEye, scoopGroup, armLength, thickness, crossColor);
+          }
+          mainGroup.appendChild(scoopGroup);
+        }
+        svg.appendChild(mainGroup);
+        container.innerHTML = '';
+        container.appendChild(svg);
+      }
+      function render() {
+        if (!coneTemplate) return;
+        const lengthMult = parseFloat(document.getElementById('cross-length').value);
+        const thickness = parseInt(document.getElementById('cross-thickness').value);
+        const armLength = EYE_RADIUS * lengthMult;
+        MODES.forEach((mode) => {
+          SCOOP_COUNTS.forEach((count) => {
+            const container = document.getElementById(`canvas-${mode}-${count}`);
+            renderLogo(container, count, mode, `${mode}-${count}`, armLength, thickness);
+          });
+        });
+      }
+      document.getElementById('cross-length').addEventListener('input', (e) => {
+        document.getElementById('cross-length-val').textContent =
+          parseFloat(e.target.value).toFixed(2);
+        render();
+      });
+      document.getElementById('cross-thickness').addEventListener('input', (e) => {
+        document.getElementById('cross-thickness-val').textContent = e.target.value;
+        render();
+      });
+      loadSVG();
+    </script>
+  </body>
+</html>

package/dist/ui/logos/generate-error-variants.mjs ADDED Viewed

@@ -0,0 +1,62 @@
+#!/usr/bin/env node
+// Render error-logo-preview.html once via headless Chrome, extract each
+// tile's <svg> outerHTML, and write the 33 sliccy-error-*-*scoops.svg files.
+// Run with a static server already serving this folder at PORT (default 8765).
+// Override the Chrome binary with the CHROME_PATH env var if needed.
+import { execFileSync } from 'node:child_process';
+import { mkdirSync, writeFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const HERE = dirname(fileURLToPath(import.meta.url));
+const CHROME =
+  process.env.CHROME_PATH || '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome';
+const PORT = process.env.PORT || '8765';
+const URL = `http://127.0.0.1:${PORT}/error-logo-preview.html`;
+const MODES = ['color', 'mono-light', 'mono-dark'];
+const COUNTS = Array.from({ length: 11 }, (_, i) => i);
+const dom = execFileSync(
+  CHROME,
+  [
+    '--headless=new',
+    '--disable-gpu',
+    '--no-sandbox',
+    '--hide-scrollbars',
+    '--virtual-time-budget=8000',
+    '--dump-dom',
+    URL,
+  ],
+  { encoding: 'utf8', maxBuffer: 64 * 1024 * 1024, timeout: 30000 }
+);
+mkdirSync(HERE, { recursive: true });
+let written = 0;
+for (const mode of MODES) {
+  for (const count of COUNTS) {
+    const id = `canvas-${mode}-${count}`;
+    // The tile <div id="canvas-mode-count"> wraps the rendered <svg>.
+    const openIdx = dom.indexOf(`id="${id}"`);
+    if (openIdx === -1) throw new Error(`tile not found: ${id}`);
+    const svgStart = dom.indexOf('<svg', openIdx);
+    if (svgStart === -1) throw new Error(`<svg> not found inside ${id}`);
+    const svgEnd = dom.indexOf('</svg>', svgStart);
+    if (svgEnd === -1) throw new Error(`</svg> not found inside ${id}`);
+    let svg = dom.slice(svgStart, svgEnd + '</svg>'.length);
+    // The preview builds the SVG with createElementNS, but the dumped DOM
+    // serialization drops xmlns on the root element. Inject it so the file
+    // renders standalone (file:// in browsers, image viewers, etc.).
+    if (!/^<svg[^>]*\sxmlns=/.test(svg)) {
+      svg = svg.replace('<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
+    }
+    const out = `<?xml version="1.0" encoding="UTF-8"?>\n${svg}\n`;
+    const file = join(HERE, `sliccy-error-${mode}-${count}scoops.svg`);
+    writeFileSync(file, out);
+    written++;
+  }
+}
+console.log(`Wrote ${written} files to ${HERE}`);

package/dist/ui/logos/sliccy-error-color-0scoops.svg ADDED Viewed

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><g transform="translate(151.53125, -171.3125) scale(1.25)"><g transform="translate(0, 21)"><g id="Cone">
+    <path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: rgb(210, 105, 30); stroke: rgb(139, 69, 19); stroke-linejoin: round; stroke-width: 20px;"></path>
+    <g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
+      <path d="M261.93,482.48h0c15.03-15.03,4.46-40.72-16.79-40.83h0c-21.37-.11-32.14,25.72-17.03,40.83h0c9.34,9.34,24.48,9.34,33.82,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M384.85,527.49l-51.82,51.82c-2.24,2.24-2.24,5.86,0,8.1l55.71,55.71c2.24,2.24,5.86,2.24,8.1,0h0c.62-.62,1.08-1.36,1.37-2.19l26.52-77.11c.71-2.07.18-4.36-1.37-5.91l-30.41-30.41c-2.24-2.24-5.86-2.24-8.1,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <rect x="274.59" y="463.59" width="84.73" height="95.66" rx="42.36" ry="42.36" transform="translate(-268.79 373.91) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+      <rect x="291.06" y="603.84" width="72.24" height="90.24" rx="36.12" ry="36.12" transform="translate(-363.06 421.43) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+      <path d="M371.7,684.58l-25.94,25.94c-2.24,2.24-2.24,5.86,0,8.1l12.67,12.67c2.99,2.99,8.09,1.82,9.46-2.19l13.28-38.61c1.97-5.74-5.17-10.2-9.46-5.91Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M159.42,564.14l2.73,6.83c1.52,3.82,6.46,4.83,9.37,1.93l2.05-2.05c2.24-2.24,2.24-5.86,0-8.1l-4.78-4.78c-4.4-4.4-11.67.39-9.37,6.17Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M243.92,633.11l-48.65-48.65c-5.24-5.24-13.74-5.24-18.99,0h0c-3.8,3.8-4.97,9.49-2.98,14.47l27.77,69.54c3.58,8.95,15.14,11.33,21.96,4.51l20.89-20.89c5.24-5.24,5.24-13.74,0-18.99Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M211.32,533.1h0c14.11-14.11,14.11-36.98,0-51.08l-34.94-34.94c-.72-.72-.72-1.89,0-2.62h0c1.16-1.16.34-3.15-1.3-3.16l-11.23-.06c-25.62-.13-43.23,25.72-33.73,49.51l5.37,13.45c1.82,4.55,4.54,8.68,8,12.15l16.74,16.74c14.11,14.11,36.98,14.11,51.08,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M263.74,792.53h0c-5.69,5.69-7.45,14.23-4.46,21.71l22.5,56.36c6.92,17.34,31.68,16.74,37.75-.92l8.66-25.2c2.5-7.28.64-15.35-4.8-20.79l-31.17-31.17c-7.87-7.87-20.62-7.87-28.48,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M392.94,503.07l40.81-40.81c2.24-2.24,5.86-2.24,8.1,0l.06.06c2.24,2.24,2.24,5.86,0,8.1l-40.81,40.81c-2.24,2.24-2.24,5.86,0,8.1l22.48,22.48c2.99,2.99,8.09,1.82,9.46-2.19l30.71-89.32c1.27-3.71-1.47-7.57-5.39-7.59l-120.63-.6c-5.11-.03-7.69,6.16-4.08,9.77l51.18,51.18c2.24,2.24,5.86,2.24,8.1,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <rect x="217.18" y="527.25" width="72.24" height="95.66" rx="36.12" ry="36.12" transform="translate(-332.45 347.55) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+      <path d="M350.28,739.46h0c-9.24-9.24-24.22-9.24-33.46,0l-13.94,13.94c-9.24,9.24-9.24,24.22,0,33.46l6.81,6.81c12.37,12.37,33.42,7.5,39.1-9.04l7.13-20.75c2.94-8.55.75-18.03-5.64-24.42Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M234.18,749.12l13.2,33.06c1.52,3.82,6.46,4.83,9.37,1.93l9.93-9.93c2.24-2.24,2.24-5.86,0-8.1l-23.13-23.13c-4.4-4.4-11.67.39-9.37,6.17Z" style="fill: rgb(232, 167, 92);"></path>
+      <rect x="236.26" y="661.25" width="67.04" height="90.24" rx="33.52" ry="33.52" transform="translate(-420.46 397.65) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+    </g>
+    <ellipse id="Cone_Top" data-name="Cone Top" cx="288.37" cy="404.38" rx="182.34" ry="67.01" style="fill: rgb(210, 105, 30); stroke: rgb(139, 69, 19); stroke-miterlimit: 10; stroke-width: 20px;"></ellipse>
+  </g><g id="Right_Eye" data-name="Right Eye">
+    <circle id="Left_Eye_Outline" data-name="Left Eye Outline" cx="383.4" cy="216.12" r="64.78" style="fill: #fff; stroke: #000; stroke-miterlimit: 10; stroke-width: 6px;"></circle>
+  </g><g id="Left_Eye" data-name="Left Eye">
+    <circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: #fff; stroke: #000; stroke-miterlimit: 10; stroke-width: 6px;"></circle>
+  </g><g><line x1="351.01" y1="183.73000000000002" x2="415.78999999999996" y2="248.51" stroke="#000" stroke-width="15" stroke-linecap="round"></line><line x1="351.01" y1="248.51" x2="415.78999999999996" y2="183.73000000000002" stroke="#000" stroke-width="15" stroke-linecap="round"></line></g><g><line x1="142.70999999999998" y1="217.95" x2="207.49" y2="282.73" stroke="#000" stroke-width="15" stroke-linecap="round"></line><line x1="142.70999999999998" y1="282.73" x2="207.49" y2="217.95" stroke="#000" stroke-width="15" stroke-linecap="round"></line></g></g></g></svg>

package/dist/ui/logos/sliccy-error-color-10scoops.svg ADDED Viewed

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><defs><linearGradient id="scoop-gradient-color-10-0" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#FFB6C1;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#E89AAB;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#98FB98;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#7FD87F;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#6BB6D8;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-3" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#DDA0DD;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#C77DC7;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-4" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#F0E68C;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#D4C970;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-5" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#FFD700;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#E6C200;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-6" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#FFA07A;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#E88A64;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-7" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#DEB887;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#C8A277;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-8" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#F08080;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#D86A6A;stop-opacity:1"></stop></linearGradient><linearGradient id="scoop-gradient-color-10-9" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#E0BBE4;stop-opacity:1"></stop><stop offset="100%" style="stop-color:#C9A5CD;stop-opacity:1"></stop></linearGradient></defs><g transform="translate(328.2034056524818, 529) scale(0.6373527328912638)"><g transform="translate(0, -189)"><g id="Cone">
+    <path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: rgb(210, 105, 30); stroke: rgb(139, 69, 19); stroke-linejoin: round; stroke-width: 20px;"></path>
+    <g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
+      <path d="M261.93,482.48h0c15.03-15.03,4.46-40.72-16.79-40.83h0c-21.37-.11-32.14,25.72-17.03,40.83h0c9.34,9.34,24.48,9.34,33.82,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M384.85,527.49l-51.82,51.82c-2.24,2.24-2.24,5.86,0,8.1l55.71,55.71c2.24,2.24,5.86,2.24,8.1,0h0c.62-.62,1.08-1.36,1.37-2.19l26.52-77.11c.71-2.07.18-4.36-1.37-5.91l-30.41-30.41c-2.24-2.24-5.86-2.24-8.1,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <rect x="274.59" y="463.59" width="84.73" height="95.66" rx="42.36" ry="42.36" transform="translate(-268.79 373.91) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+      <rect x="291.06" y="603.84" width="72.24" height="90.24" rx="36.12" ry="36.12" transform="translate(-363.06 421.43) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+      <path d="M371.7,684.58l-25.94,25.94c-2.24,2.24-2.24,5.86,0,8.1l12.67,12.67c2.99,2.99,8.09,1.82,9.46-2.19l13.28-38.61c1.97-5.74-5.17-10.2-9.46-5.91Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M159.42,564.14l2.73,6.83c1.52,3.82,6.46,4.83,9.37,1.93l2.05-2.05c2.24-2.24,2.24-5.86,0-8.1l-4.78-4.78c-4.4-4.4-11.67.39-9.37,6.17Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M243.92,633.11l-48.65-48.65c-5.24-5.24-13.74-5.24-18.99,0h0c-3.8,3.8-4.97,9.49-2.98,14.47l27.77,69.54c3.58,8.95,15.14,11.33,21.96,4.51l20.89-20.89c5.24-5.24,5.24-13.74,0-18.99Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M211.32,533.1h0c14.11-14.11,14.11-36.98,0-51.08l-34.94-34.94c-.72-.72-.72-1.89,0-2.62h0c1.16-1.16.34-3.15-1.3-3.16l-11.23-.06c-25.62-.13-43.23,25.72-33.73,49.51l5.37,13.45c1.82,4.55,4.54,8.68,8,12.15l16.74,16.74c14.11,14.11,36.98,14.11,51.08,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M263.74,792.53h0c-5.69,5.69-7.45,14.23-4.46,21.71l22.5,56.36c6.92,17.34,31.68,16.74,37.75-.92l8.66-25.2c2.5-7.28.64-15.35-4.8-20.79l-31.17-31.17c-7.87-7.87-20.62-7.87-28.48,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M392.94,503.07l40.81-40.81c2.24-2.24,5.86-2.24,8.1,0l.06.06c2.24,2.24,2.24,5.86,0,8.1l-40.81,40.81c-2.24,2.24-2.24,5.86,0,8.1l22.48,22.48c2.99,2.99,8.09,1.82,9.46-2.19l30.71-89.32c1.27-3.71-1.47-7.57-5.39-7.59l-120.63-.6c-5.11-.03-7.69,6.16-4.08,9.77l51.18,51.18c2.24,2.24,5.86,2.24,8.1,0Z" style="fill: rgb(232, 167, 92);"></path>
+      <rect x="217.18" y="527.25" width="72.24" height="95.66" rx="36.12" ry="36.12" transform="translate(-332.45 347.55) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+      <path d="M350.28,739.46h0c-9.24-9.24-24.22-9.24-33.46,0l-13.94,13.94c-9.24,9.24-9.24,24.22,0,33.46l6.81,6.81c12.37,12.37,33.42,7.5,39.1-9.04l7.13-20.75c2.94-8.55.75-18.03-5.64-24.42Z" style="fill: rgb(232, 167, 92);"></path>
+      <path d="M234.18,749.12l13.2,33.06c1.52,3.82,6.46,4.83,9.37,1.93l9.93-9.93c2.24-2.24,2.24-5.86,0-8.1l-23.13-23.13c-4.4-4.4-11.67.39-9.37,6.17Z" style="fill: rgb(232, 167, 92);"></path>
+      <rect x="236.26" y="661.25" width="67.04" height="90.24" rx="33.52" ry="33.52" transform="translate(-420.46 397.65) rotate(-45)" style="fill: rgb(232, 167, 92);"></rect>
+    </g>
+    <ellipse id="Cone_Top" data-name="Cone Top" cx="288.37" cy="404.38" rx="182.34" ry="67.01" style="fill: rgb(210, 105, 30); stroke: rgb(139, 69, 19); stroke-miterlimit: 10; stroke-width: 20px;"></ellipse>
+  </g></g><g transform="translate(288, 61) rotate(0) scale(1) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-0&quot;); stroke: rgb(185, 123, 136); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(283.6594490294713, -13) rotate(1.5307105375213208) scale(0.95) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-1&quot;); stroke: rgb(101, 172, 101); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(276.26189856132225, -87) rotate(7.49015900553462) scale(0.9025) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-2&quot;); stroke: rgb(85, 145, 172); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(294.5950081356083, -161) rotate(3.885112832863893) scale(0.8573749999999999) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-3&quot;); stroke: rgb(159, 100, 159); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(282.1977183327222, -235) rotate(-5.670564096545213) scale(0.8145062499999999) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-4&quot;); stroke: rgb(169, 160, 89); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(292.7499691653716, -309) rotate(-0.6849778734121799) scale(0.7737809374999998) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-5&quot;); stroke: rgb(184, 155, 0); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(289.48066394669195, -383) rotate(7.202713662735675) scale(0.7350918906249998) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-6&quot;); stroke: rgb(185, 110, 80); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(296.3660157901282, -457) rotate(6.178238089525774) scale(0.6983372960937497) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-7&quot;); stroke: rgb(160, 129, 95); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(295.42123350629606, -531) rotate(0.9815300608857083) scale(0.6634204312890623) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-8&quot;); stroke: rgb(172, 84, 84); stroke-miterlimit: 10; stroke-width: 20px;"></path></g><g transform="translate(300.85421934927564, -605) rotate(-1.724309903775282) scale(0.6302494097246091) translate(-288, -250)"><path id="Scoop_Outline" data-name="Scoop Outline" d="M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,35.15,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z" style="fill: url(&quot;#scoop-gradient-color-10-9&quot;); stroke: rgb(160, 132, 164); stroke-miterlimit: 10; stroke-width: 20px;"></path><g id="Right_Eye" data-name="Right Eye">
+    <circle id="Left_Eye_Outline" data-name="Left Eye Outline" cx="383.4" cy="216.12" r="64.78" style="fill: #fff; stroke: #000; stroke-miterlimit: 10; stroke-width: 6px;"></circle>
+  </g><g id="Left_Eye" data-name="Left Eye">
+    <circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: #fff; stroke: #000; stroke-miterlimit: 10; stroke-width: 6px;"></circle>
+  </g><g><line x1="351.01" y1="183.73000000000002" x2="415.78999999999996" y2="248.51" stroke="#000" stroke-width="15" stroke-linecap="round"></line><line x1="351.01" y1="248.51" x2="415.78999999999996" y2="183.73000000000002" stroke="#000" stroke-width="15" stroke-linecap="round"></line></g><g><line x1="142.70999999999998" y1="217.95" x2="207.49" y2="282.73" stroke="#000" stroke-width="15" stroke-linecap="round"></line><line x1="142.70999999999998" y1="282.73" x2="207.49" y2="217.95" stroke="#000" stroke-width="15" stroke-linecap="round"></line></g></g></g></svg>