clawd-desktop 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 KebeliSamet0
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,58 @@
+# Clawd — Desktop Pet
+
+<p align="center">
+  <img src="assets/gif/clawd-typing.gif" width="120" alt="typing"/>
+  <img src="assets/gif/clawd-building.gif" width="120" alt="building"/>
+  <img src="assets/gif/clawd-juggling.gif" width="120" alt="juggling"/>
+  <img src="assets/gif/clawd-happy.gif" width="120" alt="happy"/>
+  <img src="assets/gif/clawd-sleeping.gif" width="120" alt="sleeping"/>
+</p>
+
+<p align="center"><i>A pixel-art Claude mascot that lives on your Windows desktop.</i></p>
+
+<p align="center">
+  <a href="https://github.com/KebeliSamet0/clawd/releases/latest"><img src="https://img.shields.io/github/v/release/KebeliSamet0/clawd" alt="Release"/></a>
+  <img src="https://img.shields.io/badge/platform-Windows-blue" alt="Platform"/>
+  <a href="https://github.com/KebeliSamet0/clawd/stargazers"><img src="https://img.shields.io/github/stars/KebeliSamet0/clawd?style=flat&color=yellow" alt="Stars"/></a>
+</p>
+
+Transparent, frameless, always-on-top. Wanders around your screen, plays animations, lives in your system tray.
+
+## Download
+
+Grab the latest installer from [Releases](../../releases/latest).
+
+Or run via npm:
+
+```bash
+npm install -g clawd-desktop
+clawd-desktop
+```
+
+## Features
+
+- Transparent & frameless window — only the character is visible
+- Roams the screen randomly, reacts with different animations
+- Animations: idle, walking, building, typing, thinking, sleeping, error, happy, and more
+- System tray control (Show / Hide / Quit)
+- Auto-starts with Windows
+
+## Run from Source
+
+```bash
+npm install
+npm start
+```
+
+## Build Installer
+
+```bash
+npm run build
+# Output: dist/ClaudePet Setup x.x.x.exe
+```
+
+## Stack
+
+- Electron — window management, system tray, IPC
+- Vanilla JS — animation state machine, motion engine
+- CSS keyframes — sprite animations

package/assets/LICENSE-clawd

@@ -0,0 +1,22 @@
+All Rights Reserved
+
+The artwork files in this directory and its subdirectories (including but not
+limited to SVG, PNG, GIF, and ICO files) are NOT covered by the project's
+source-code license. All rights are reserved by their respective copyright
+holders.
+
+Clawd character artwork:
+  The Clawd character is the property of Anthropic (https://www.anthropic.com).
+  Clawd pixel art in this project is fan-created and may not be used for
+  commercial purposes.
+
+Calico cat (三花猫) artwork:
+  Copyright (c) 2026 鹿鹿 (rullerzhou-afk). All rights reserved.
+
+Third-party artist contributions:
+  Copyright is retained by the respective artists. See individual file headers
+  or the project README for attribution details.
+
+You may NOT copy, modify, distribute, or use any artwork from this directory
+without explicit written permission from the copyright holder(s), except for
+personal use of the Clawd on Desk application as distributed by this project.

package/assets/svg/clawd-about-hero.svg

@@ -0,0 +1,202 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 2 20 16" width="500" height="400">
+  <!-- Clawd About hero: "Deal with it" intro → freeze at 55% (cool pose, post-second-sparkle, hands not yet returning).
+       Adapted from themes/clawd/assets/source/clawd-experiment-put-on-v4.svg:
+         - 8s infinite → 4.4s forwards (plays once, freezes at terminal keyframe)
+         - Keyframes past 55% removed; remaining remapped from 0-55% → 0-100%
+         - Wrapped in <g class="breath-wrap"> for subtle breathing after intro
+         - Wrapped in <g id="shake-slot"> outermost — JS adds .shake class on click
+  -->
+
+  <defs>
+    <style>
+      .arm-right-motion {
+        transform-origin: 13px 10px;
+        animation: arm-right 4.4s ease-in-out forwards;
+      }
+      .arm-left-motion {
+        transform-origin: 2px 10px;
+        animation: arm-left 4.4s ease-in-out forwards;
+      }
+      .glasses-fly {
+        transform-origin: 0 0;
+        animation: glasses-fly 4.4s ease-in-out forwards;
+      }
+      .mood {
+        transform-origin: 7.5px 13px;
+        animation: mood 4.4s ease-in-out forwards;
+      }
+      .shadow-fade {
+        animation: shadow-fade 4.4s ease-in-out forwards;
+      }
+      .sparkle-near {
+        transform-origin: 2.5px 6.5px;
+        animation: sparkle-near 4.4s ease-in-out forwards;
+      }
+      .sparkle-far {
+        transform-origin: 3.5px 4.5px;
+        animation: sparkle-far 4.4s ease-in-out forwards;
+      }
+
+      /* Breath: kick in after intro completes; gentle infinite up-down */
+      .breath-wrap {
+        animation: breath 4s infinite ease-in-out;
+        animation-delay: 4.4s;
+      }
+      @keyframes breath {
+        0%, 100% { transform: translateY(0); }
+        50%      { transform: translateY(-0.3px); }
+      }
+
+      /* Shake: JS toggles .shake on click; animationend removes the class */
+      .shake-slot {
+        transform-origin: 7.5px 10px;
+      }
+      .shake-slot.shake {
+        animation: shake 0.4s ease-in-out;
+      }
+      @keyframes shake {
+        0%, 100% { transform: rotate(0); }
+        20%      { transform: rotate(-3deg); }
+        60%      { transform: rotate(3deg); }
+        80%      { transform: rotate(-2deg); }
+      }
+
+      /* Right arm: idle → raise → hold → cool pose (freeze at translate(0.5,1)) */
+      @keyframes arm-right {
+        0%, 9%    { transform: none; }
+        15%, 33%  { transform: translateY(-3px) rotate(-90deg); }
+        45%, 73%  { transform: translate(-1px, -1px); }
+        82%, 100% { transform: translate(0.5px, 1px); }
+      }
+
+      /* Left arm: idle → hold → cool pose (freeze at translate(-0.5,1)) */
+      @keyframes arm-left {
+        0%, 27%   { transform: none; }
+        45%, 73%  { transform: translate(1px, -1px); }
+        82%, 100% { transform: translate(-0.5px, 1px); }
+      }
+
+      /* Glasses: invisible → summon → fly to face → display (freeze at translate(1.325,7.375) scale(0.65)) */
+      @keyframes glasses-fly {
+        0%, 15%   { transform: translate(10.15px, 3.25px) scale(0.3); opacity: 0; }
+        22%, 33%  { transform: translate(10.15px, 3.25px) scale(0.3); opacity: 1; }
+        55%, 100% { transform: translate(1.325px, 7.375px) scale(0.65); opacity: 1; }
+      }
+
+      /* Mood: single head shake mid-intro → cool pose tilt (freeze at +1deg) */
+      @keyframes mood {
+        0%, 55%   { transform: rotate(0deg); }
+        60%       { transform: rotate(1deg); }
+        65%       { transform: rotate(-1deg); }
+        73%       { transform: rotate(0deg); }
+        82%, 100% { transform: rotate(1deg); }
+      }
+
+      /* Hand shadows: visible only during hold periods */
+      @keyframes shadow-fade {
+        0%, 40%   { opacity: 0; }
+        51%, 76%  { opacity: 1; }
+        87%, 100% { opacity: 0; }
+      }
+
+      /* Sparkle near (small, glasses corner): flashes mid-pose then fades */
+      @keyframes sparkle-near {
+        0%, 73%   { opacity: 0; transform: scale(0.4); }
+        75%       { opacity: 1; transform: scale(0.7); }
+        78%       { opacity: 0.7; transform: scale(0.5); }
+        80%, 100% { opacity: 0; transform: scale(0.4); }
+      }
+
+      /* Sparkle far (big, upper-left void): peaks late, faded before freeze */
+      @keyframes sparkle-far {
+        0%, 84%   { opacity: 0; transform: scale(0.5); }
+        87%       { opacity: 1; transform: scale(1.4); }
+        91%       { opacity: 0.9; transform: scale(1.2); }
+        96%, 100% { opacity: 0; transform: scale(0.6); }
+      }
+    </style>
+
+    <clipPath id="inside-torso">
+      <rect x="2" y="6" width="11" height="7"/>
+    </clipPath>
+  </defs>
+
+  <g class="shake-slot" id="shake-slot">
+    <rect id="ground-shadow" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
+
+    <g class="breath-wrap">
+      <g class="mood">
+        <g id="master-group">
+
+          <g id="legs" fill="#DE886D">
+            <rect x="3"  y="13" width="1" height="2"/>
+            <rect x="5"  y="13" width="1" height="2"/>
+            <rect x="9"  y="13" width="1" height="2"/>
+            <rect x="11" y="13" width="1" height="2"/>
+          </g>
+
+          <rect x="2" y="6" width="11" height="7" fill="#DE886D"/>
+
+          <g clip-path="url(#inside-torso)" class="shadow-fade">
+            <g class="arm-left-motion">
+              <rect x="0" y="9" width="2.4" height="2.4" fill="#A85A3A"/>
+            </g>
+            <g class="arm-right-motion">
+              <rect x="12.6" y="9" width="2.4" height="2.4" fill="#A85A3A"/>
+            </g>
+          </g>
+
+          <g fill="#000000">
+            <rect x="4"  y="8" width="1" height="2"/>
+            <rect x="10" y="8" width="1" height="2"/>
+          </g>
+
+          <g class="glasses-fly">
+            <g fill="#000000">
+              <rect x="0"  y="0" width="19" height="1"/>
+              <rect x="0"  y="1" width="8"  height="1"/>
+              <rect x="11" y="1" width="8"  height="1"/>
+              <rect x="0"  y="2" width="8"  height="1"/>
+              <rect x="11" y="2" width="8"  height="1"/>
+              <rect x="1"  y="3" width="6"  height="1"/>
+              <rect x="12" y="3" width="6"  height="1"/>
+              <rect x="2"  y="4" width="4"  height="1"/>
+              <rect x="13" y="4" width="4"  height="1"/>
+            </g>
+            <g fill="#FFFFFF">
+              <rect x="5"  y="1" width="1" height="1"/>
+              <rect x="4"  y="2" width="1" height="1"/>
+              <rect x="16" y="1" width="1" height="1"/>
+              <rect x="15" y="2" width="1" height="1"/>
+            </g>
+          </g>
+
+          <g class="arm-left-motion">
+            <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
+          </g>
+
+          <g class="arm-right-motion">
+            <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
+          </g>
+
+          <g class="sparkle-near" fill="#FFFFFF">
+            <rect x="2" y="6" width="1" height="1"/>
+            <rect x="2" y="5" width="1" height="1"/>
+            <rect x="2" y="7" width="1" height="1"/>
+            <rect x="1" y="6" width="1" height="1"/>
+            <rect x="3" y="6" width="1" height="1"/>
+          </g>
+
+          <g class="sparkle-far" fill="#FFFFFF">
+            <rect x="3" y="4" width="1" height="1"/>
+            <rect x="3" y="3" width="1" height="1"/>
+            <rect x="3" y="5" width="1" height="1"/>
+            <rect x="2" y="4" width="1" height="1"/>
+            <rect x="4" y="4" width="1" height="1"/>
+          </g>
+
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/assets/svg/clawd-collapse-sleep.svg

@@ -0,0 +1,247 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500" shape-rendering="crispEdges">
+  <defs>
+    <style>
+      /* Collapse (0-1s) → Sleep breathing + Zzz (1s onwards, infinite) */
+      /* Start pose matches yawn end: body scale(1.05,0.95) translate(0,1px), eyes shut, arms down */
+
+      .rest-shadow-breathe {
+        transform-origin: 7.5px 15.5px;
+        animation: sleep-shadow 4.5s infinite ease-in-out 1s;
+      }
+
+      .rest-shadow-form {
+        transform-origin: 7.5px 15.5px;
+        animation: rest-shadow-form 1s linear forwards;
+      }
+
+      .rest-breathe {
+        transform-origin: 7.5px 15px;
+        animation: sleep-breathe 4.5s infinite ease-in-out 1s;
+      }
+
+      .rest-body-frame {
+        transform-origin: 7.5px 13px;
+        animation: rest-body-frame 1s linear forwards;
+      }
+
+      .rest-torso {
+        transform-origin: 2px 6px;
+        animation: rest-torso 1s linear forwards;
+      }
+
+      .rest-arm-l {
+        transform-origin: 1px 10px;
+        animation: rest-arm-l 1s linear forwards;
+      }
+
+      .rest-arm-r {
+        transform-origin: 14px 10px;
+        animation: rest-arm-r 1s linear forwards;
+      }
+
+      .rest-eye-l {
+        transform-origin: 4px 8px;
+        animation: rest-eye-l 1s linear forwards;
+      }
+
+      .rest-eye-r {
+        transform-origin: 10px 8px;
+        animation: rest-eye-r 1s linear forwards;
+      }
+
+      .rest-leg {
+        animation: rest-leg 1s linear forwards;
+      }
+
+      .rest-leg.left-outer { transform-origin: 3px 12px; }
+      .rest-leg.left-inner { transform-origin: 5px 12px; }
+      .rest-leg.right-inner { transform-origin: 9px 12px; }
+      .rest-leg.right-outer { transform-origin: 11px 12px; }
+
+      .z-particle { opacity: 0; }
+      .z1 { animation: float-1 6s infinite ease-in-out 1s; }
+      .z2 { animation: float-2 6s infinite ease-in-out 3s; }
+      .z3 { animation: float-3 6s infinite ease-in-out 5s; }
+
+      /* Shadow: narrow (matching yawn end) → wide (sleeping) */
+      @keyframes rest-shadow-form {
+        0% { transform: scaleX(0.556); opacity: 0.55; }
+        4% { transform: scaleX(0.574); opacity: 0.548; }
+        14% { transform: scaleX(0.61); opacity: 0.54; }
+        28% { transform: scaleX(0.665); opacity: 0.522; }
+        42% { transform: scaleX(0.74); opacity: 0.5; }
+        68% { transform: scaleX(0.9); opacity: 0.45; }
+        86% { transform: scaleX(1.02); opacity: 0.41; }
+        100% { transform: scaleX(1); opacity: 0.4; }
+      }
+
+      /* Body frame: yawn-end squash → neutral (sleeping base) */
+      @keyframes rest-body-frame {
+        0% { transform: scale(1.05, 0.95) translate(0, 1px); }
+        4% { transform: scale(1.058, 0.94) translate(0, 1.1px); }
+        14% { transform: scale(1.072, 0.915) translate(0, 1.32px); }
+        28% { transform: scale(1.09, 0.875) translate(0, 1.68px); }
+        40% { transform: scale(1.1, 0.84) translate(0, 1.95px); }
+        66% { transform: scale(1.05, 0.9) translate(0, 1.05px); }
+        84% { transform: scale(1.01, 0.98) translate(0, 0.22px); }
+        100% { transform: scale(1, 1) translate(0, 0); }
+      }
+
+      /* Torso: standing → splooted flat */
+      @keyframes rest-torso {
+        0% { transform: translate(0, 0) scale(1, 1); }
+        4% { transform: translate(-0.02px, 0.08px) scale(1.004, 0.998); }
+        14% { transform: translate(-0.1px, 0.34px) scale(1.018, 0.985); }
+        28% { transform: translate(-0.26px, 1.02px) scale(1.045, 0.94); }
+        44% { transform: translate(-0.4px, 1.75px) scale(1.08, 0.9); }
+        68% { transform: translate(-0.8px, 3.1px) scale(1.14, 0.8); }
+        86% { transform: translate(-1.05px, 3.95px) scale(1.19, 0.72); }
+        100% { transform: translate(-1px, 4px) scale(1.1818, 0.7143); }
+      }
+
+      /* Arms: relaxed down → flat on ground */
+      @keyframes rest-arm-l {
+        0% { transform: translate(0, 1px) rotate(-15deg); }
+        4% { transform: translate(-0.03px, 1.08px) rotate(-14.5deg); }
+        14% { transform: translate(-0.11px, 1.34px) rotate(-13deg); }
+        28% { transform: translate(-0.27px, 1.98px) rotate(-9deg); }
+        44% { transform: translate(-0.45px, 2.45px) rotate(-7deg); }
+        68% { transform: translate(-0.8px, 3.35px) rotate(-2deg); }
+        86% { transform: translate(-1.05px, 4.05px) rotate(0deg); }
+        100% { transform: translate(-1px, 4px) rotate(0deg); }
+      }
+
+      @keyframes rest-arm-r {
+        0% { transform: translate(0, 1px) rotate(15deg); }
+        4% { transform: translate(0.03px, 1.08px) rotate(14.5deg); }
+        14% { transform: translate(0.11px, 1.34px) rotate(13deg); }
+        28% { transform: translate(0.27px, 1.98px) rotate(9deg); }
+        44% { transform: translate(0.45px, 2.45px) rotate(7deg); }
+        68% { transform: translate(0.8px, 3.35px) rotate(2deg); }
+        86% { transform: translate(1.05px, 4.05px) rotate(0deg); }
+        100% { transform: translate(1px, 4px) rotate(0deg); }
+      }
+
+      /* Eyes: shut (scaleY 0.1) → sleeping dashes */
+      @keyframes rest-eye-l {
+        0% { transform: scale(1, 0.1); }
+        4% { transform: translate(0, 0.06px) scale(1.015, 0.1); }
+        14% { transform: translate(0, 0.28px) scale(1.06, 0.1); }
+        24% { transform: translate(0, 0.6px) scale(1.12, 0.1); }
+        52% { transform: translate(-0.15px, 2.1px) scale(1.45, 0.12); }
+        78% { transform: translate(-0.35px, 3.8px) scale(1.82, 0.17); }
+        100% { transform: translate(-0.5px, 4.5px) scale(2, 0.2); }
+      }
+
+      @keyframes rest-eye-r {
+        0% { transform: scale(1, 0.1); }
+        4% { transform: translate(0, 0.06px) scale(1.015, 0.1); }
+        14% { transform: translate(0, 0.28px) scale(1.06, 0.1); }
+        24% { transform: translate(0, 0.6px) scale(1.12, 0.1); }
+        52% { transform: translate(-0.15px, 2.1px) scale(1.45, 0.12); }
+        78% { transform: translate(-0.35px, 3.8px) scale(1.82, 0.17); }
+        100% { transform: translate(-0.5px, 4.5px) scale(2, 0.2); }
+      }
+
+      /* Legs: standing → short stubs */
+      @keyframes rest-leg {
+        0% { transform: translate(0, 0) scale(1, 1); }
+        4% { transform: translate(0, -0.03px) scale(1, 0.985); }
+        14% { transform: translate(0, -0.14px) scale(1, 0.93); }
+        44% { transform: translate(0, -0.4px) scale(1, 0.82); }
+        68% { transform: translate(0, -1.4px) scale(1, 0.6); }
+        84% { transform: translate(0, -2.4px) scale(1, 0.42); }
+        100% { transform: translate(0, -3px) scale(1, 0.3333); }
+      }
+
+      /* Sleep breathing loop */
+      @keyframes sleep-breathe {
+        0%, 80%, 100% { transform: scale(1, 1); }
+        30%, 40% { transform: scale(1.02, 1.25); }
+      }
+
+      @keyframes sleep-shadow {
+        0%, 80%, 100% { transform: scaleX(1); opacity: 0.4; }
+        30%, 40% { transform: scaleX(1.05); opacity: 0.5; }
+      }
+
+      /* Zzz particle floats */
+      @keyframes float-1 {
+        0% { transform: translate(5px, 8px) scale(0.4); opacity: 0; }
+        10% { opacity: 1; }
+        30% { transform: translate(9px, 4px) scale(0.6); }
+        50% { transform: translate(4px, 0px) scale(0.8); }
+        70% { transform: translate(8px, -4px) scale(1); }
+        90% { opacity: 0.8; }
+        100% { transform: translate(6px, -8px) scale(1.1); opacity: 0; }
+      }
+
+      @keyframes float-2 {
+        0% { transform: translate(8px, 9px) scale(0.3); opacity: 0; }
+        10% { opacity: 1; }
+        30% { transform: translate(5px, 5px) scale(0.5); }
+        50% { transform: translate(9px, 1px) scale(0.7); }
+        70% { transform: translate(6px, -3px) scale(0.9); }
+        90% { opacity: 0.8; }
+        100% { transform: translate(8px, -7px) scale(1); opacity: 0; }
+      }
+
+      @keyframes float-3 {
+        0% { transform: translate(6px, 7px) scale(0.5); opacity: 0; }
+        10% { opacity: 1; }
+        30% { transform: translate(9px, 3px) scale(0.7); }
+        50% { transform: translate(4px, -1px) scale(0.9); }
+        70% { transform: translate(8px, -5px) scale(1.1); }
+        90% { opacity: 0.8; }
+        100% { transform: translate(5px, -9px) scale(1.2); opacity: 0; }
+      }
+    </style>
+
+    <g id="pixel-z">
+      <rect x="0" y="0" width="4" height="1"/>
+      <rect x="2" y="1" width="1" height="1"/>
+      <rect x="1" y="2" width="1" height="1"/>
+      <rect x="0" y="3" width="4" height="1"/>
+    </g>
+
+    <g id="pixel-z-small">
+      <rect x="0" y="0" width="3" height="1"/>
+      <rect x="1" y="1" width="1" height="1"/>
+      <rect x="0" y="2" width="3" height="1"/>
+    </g>
+  </defs>
+
+  <!-- Shadow -->
+  <g class="rest-shadow-breathe">
+    <rect class="rest-shadow-form" x="-1" y="15" width="17" height="1" fill="#000000" opacity="0.4"/>
+  </g>
+
+  <!-- Zzz particles -->
+  <use href="#pixel-z" class="z-particle z1" fill="#90A4AE"/>
+  <use href="#pixel-z-small" class="z-particle z2" fill="#B0BEC5"/>
+  <use href="#pixel-z" class="z-particle z3" fill="#CFD8DC"/>
+
+  <!-- Body -->
+  <g class="rest-breathe">
+    <g fill="#DE886D">
+      <rect class="rest-leg left-outer" x="3" y="12" width="1" height="3"/>
+      <rect class="rest-leg left-inner" x="5" y="12" width="1" height="3"/>
+      <rect class="rest-leg right-inner" x="9" y="12" width="1" height="3"/>
+      <rect class="rest-leg right-outer" x="11" y="12" width="1" height="3"/>
+    </g>
+
+    <g class="rest-body-frame">
+      <rect class="rest-torso" x="2" y="6" width="11" height="7" fill="#DE886D"/>
+      <g class="rest-arm-l">
+        <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
+      </g>
+      <g class="rest-arm-r">
+        <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
+      </g>
+      <g fill="#000000">
+        <rect class="rest-eye-l" x="4" y="8" width="1" height="2"/>
+        <rect class="rest-eye-r" x="10" y="8" width="1" height="2"/>
+      </g>
+    </g>
+  </g>
+</svg>