npm - bfg-common - Versions diffs - 1.5.460 → 1.5.462 - Mend

bfg-common 1.5.460 → 1.5.462

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 (1376) hide show

package/components/atoms/TheIcon2.vue CHANGED Viewed

@@ -1,1368 +1,1368 @@
-<template>
-  <template v-if="props.name === 'help-info'">
-    <svg
-      :width="props.width"
-      :height="props.height"
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M25.39,25.45a1,1,0,0,0-1.38.29c-1.41,2.16-4,4.81-6.31,5.7s-4.12.57-4.84,0c-.31-.27-1.12-1-.43-3.49.46-1.66,3.32-9.48,4-11.38l-2.18.28c-.69,1.86-3.29,8.84-3.76,10.58-.68,2.49-.34,4.3,1.09,5.56A5.59,5.59,0,0,0,15,34a9.53,9.53,0,0,0,3.45-.7c2.79-1.09,5.72-4.12,7.26-6.47A1,1,0,0,0,25.39,25.45Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M19.3,11a4.5,4.5,0,1,0-4.5-4.5A4.5,4.5,0,0,0,19.3,11Zm0-7a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,19.3,4Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></path>
-      <path
-        d="M11.81,15c.06,0,6.27-.82,7.73-1,.65-.1,1.14,0,1.3.15s.21.8-.07,1.68c-.61,1.86-3.69,11-4.59,13.71a8,8,0,0,0,1.29-.38,7.32,7.32,0,0,0,1.15-.6C19.85,25,22.15,18.1,22.67,16.52s.39-2.78-.3-3.6a3.16,3.16,0,0,0-3.08-.83c-1.43.15-7.47.94-7.73,1a1,1,0,0,0,.26,2Z"
-        class="clr-i-outline clr-i-outline-path-3"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'eye'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M33.62,17.53c-3.37-6.23-9.28-10-15.82-10S5.34,11.3,2,17.53L1.72,18l.26.48c3.37,6.23,9.28,10,15.82,10s12.46-3.72,15.82-10l.26-.48ZM17.8,26.43C12.17,26.43,7,23.29,4,18c3-5.29,8.17-8.43,13.8-8.43S28.54,12.72,31.59,18C28.54,23.29,23.42,26.43,17.8,26.43Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M18.09,11.17A6.86,6.86,0,1,0,25,18,6.86,6.86,0,0,0,18.09,11.17Zm0,11.72A4.86,4.86,0,1,1,23,18,4.87,4.87,0,0,1,18.09,22.89Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'eye-closed'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></path>
-      <path
-        d="M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z"
-        class="clr-i-outline clr-i-outline-path-3"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'is-success'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
-      ></path>
-      <path
-        d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
-        fill="white"
-      ></path>
-      <path
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2ZM28.45,12.63,15.31,25.76,7.55,18a1.4,1.4,0,0,1,2-2l5.78,5.78L26.47,10.65a1.4,1.4,0,1,1,2,2Z"
-        fill="#2e8500"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'drag'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="aivmw-color-theme"
-      viewBox="-1 -1 38 38"
-    >
-      <circle
-        cx="15"
-        cy="12"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-1"
-      />
-      <circle
-        cx="15"
-        cy="24"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-2"
-      />
-      <circle
-        cx="21"
-        cy="12"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-3"
-      />
-      <circle
-        cx="21"
-        cy="24"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-4"
-      />
-      <circle
-        cx="21"
-        cy="18"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-5"
-      />
-      <circle
-        cx="15"
-        cy="18"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-6"
-      />
-      <path fill-opacity="0" d="M0 0h36v36H0z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'happy-face'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <circle
-        cx="10.89"
-        cy="13.89"
-        r="2"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></circle>
-      <circle
-        cx="25.05"
-        cy="13.89"
-        r="2"
-        class="clr-i-outline clr-i-outline-path-3"
-      ></circle>
-      <path
-        d="M18.13,28.21a8.67,8.67,0,0,0,8.26-6H9.87A8.67,8.67,0,0,0,18.13,28.21Z"
-        class="clr-i-outline clr-i-outline-path-4"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'warning-standart'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M15.0620782,1.681196 C15.6298819,0.649266355 16.7109091,0.0102219396 17.885,0.0102219396 C19.0590909,0.0102219396 20.1401181,0.649266355 20.7086433,1.68252129 L34.598644,27.2425225 C35.1407746,28.2401397 35.1174345,29.4495373 34.5372161,30.4254943 C33.9569977,31.4014514 32.905671,31.9996984 31.77,32 L4.02239323,31.9997492 C2.87409009,32.0254699 1.79902843,31.4375753 1.20106335,30.4569126 C0.603098265,29.4762499 0.572777899,28.2513179 1.12207818,27.241196 L15.0620782,1.681196 Z M2.87850767,28.1977282 C2.67060966,28.5800376 2.6820975,29.0441423 2.9086557,29.4156977 C3.1352139,29.7872532 3.5425354,30.0099959 4,30 L31.7697344,30 C32.1999191,29.9998858 32.5982478,29.7732208 32.8180821,29.4034482 C33.0379164,29.0336757 33.0467595,28.5754567 32.8413567,28.1974787 L18.9538739,2.64208195 C18.7394236,2.25234436 18.3298419,2.01022194 17.885,2.01022194 C17.4406889,2.01022194 17.0315538,2.25176692 16.8168946,2.64068753 L2.87850767,28.1977282 Z"
-      ></path>
-      <path
-        class="clr-i-solid clr-i-solid-path-1"
-        d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'heart'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M18,32.43a1,1,0,0,1-.61-.21C11.83,27.9,8,24.18,5.32,20.51,1.9,15.82,1.12,11.49,3,7.64c1.34-2.75,5.19-5,9.69-3.69A9.87,9.87,0,0,1,18,7.72a9.87,9.87,0,0,1,5.31-3.77c4.49-1.29,8.35.94,9.69,3.69,1.88,3.85,1.1,8.18-2.32,12.87C28,24.18,24.17,27.9,18.61,32.22A1,1,0,0,1,18,32.43ZM10.13,5.58A5.9,5.9,0,0,0,4.8,8.51c-1.55,3.18-.85,6.72,2.14,10.81A57.13,57.13,0,0,0,18,30.16,57.13,57.13,0,0,0,29.06,19.33c3-4.1,3.69-7.64,2.14-10.81-1-2-4-3.59-7.34-2.65a8,8,0,0,0-4.94,4.2,1,1,0,0,1-1.85,0,7.93,7.93,0,0,0-4.94-4.2A7.31,7.31,0,0,0,10.13,5.58Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M33,7.64c-1.34-2.75-5.2-5-9.69-3.69A9.87,9.87,0,0,0,18,7.72a9.87,9.87,0,0,0-5.31-3.77C8.19,2.66,4.34,4.89,3,7.64c-1.88,3.85-1.1,8.18,2.32,12.87C8,24.18,11.83,27.9,17.39,32.22a1,1,0,0,0,1.23,0c5.55-4.31,9.39-8,12.07-11.71C34.1,15.82,34.88,11.49,33,7.64Z"
-        class="clr-i-solid clr-i-solid-path-1"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'lightbulb'">
-    <svg
-      version="1.1"
-      class="can-badge has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h2A18.17,18.17,0,0,0,13,22.44a18.46,18.46,0,0,0-2.22-3.92,15.79,15.79,0,0,1-1-1.54A8.64,8.64,0,0,1,9,13.23a9,9,0,0,1,18.07,0A8.64,8.64,0,0,1,26.21,17a15.79,15.79,0,0,1-1,1.54A18.46,18.46,0,0,0,23,22.44a18.17,18.17,0,0,0-.71,4.71h2a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M23.86,29.15H12.11a.8.8,0,1,0,0,1.6H23.86a.8.8,0,0,0,0-1.6Z"
-        class="clr-i-solid clr-i-solid-path-1"
-      ></path>
-      <path
-        d="M22,32.15H14a.8.8,0,1,0,0,1.6H22a.8.8,0,1,0,0-1.6Z"
-        class="clr-i-solid clr-i-solid-path-2"
-      ></path>
-      <path
-        d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h5.69V21.61l-2.86-3.13,3-3a.8.8,0,0,1,1.13,1.13l-1.89,1.89L19,21v6.17H24.3a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25ZM18.45,12l-2.73,2.73a.8.8,0,1,1-1.13-1.13l2.73-2.73A.8.8,0,1,1,18.45,12Z"
-        class="clr-i-solid clr-i-solid-path-3"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'pop-out'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'check'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M13.72,27.69,3.29,17.27a1,1,0,0,1,1.41-1.41l9,9L31.29,7.29a1,1,0,0,1,1.41,1.41Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'edit'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="18"
-      height="18"
-      viewBox="-1 -1 38 38"
-      y="1064"
-      fill="#565656"
-    >
-      <path
-        d="M33.87 8.32L28 2.42a2.07 2.07 0 00-2.92 0L4.27 23.2l-1.9 8.2a2.06 2.06 0 002 2.5 2.14 2.14 0 00.43 0l8.29-1.9 20.78-20.76a2.07 2.07 0 000-2.92zM12.09 30.2l-7.77 1.63 1.77-7.62L21.66 8.7l6 6zM29 13.25l-6-6 3.48-3.46 5.9 6z"
-      />
-      <path opacity="0" d="M0 0h36v36H0z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'semi-circle-arrow'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="38"
-      height="38"
-      viewBox="-1 -1 38 38"
-      fill="#565656"
-    >
-      <path
-        d="M24 4.22a1 1 0 00-1.41 1.42l5.56 5.49h-13A11 11 0 0010.07 32a1 1 0 00.93-1.82 9 9 0 01-5-8 9.08 9.08 0 019.13-9h13l-5.54 5.48A1 1 0 0024 20l8-7.91z"
-      />
-      <path opacity="0" d="M0 0h36v36H0z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'add-networking'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="#565656"
-      width="38"
-      height="38"
-      viewBox="-1 -1 38 38"
-      y="190"
-    >
-      <path fill="none" d="M0 0h36v36H0z" />
-      <path fill="#565656" d="M27 32H9a1 1 0 000 2h18a1 1 0 000-2z" />
-      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
-      <path
-        fill="#565656"
-        d="M29.51 19.44a16.63 16.63 0 01-2.82-.1 19.53 19.53 0 01-2-.37 2.71 2.71 0 00-.16-.75c.06-.07.1-.15.16-.22H24v-1.81c-.19.29-.37.58-.58.86a2.27 2.27 0 00-2.62.45 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32A16.66 16.66 0 0118 9.44V7.79a18.64 18.64 0 00-3.69.85A2.24 2.24 0 0013 7.93a14.13 14.13 0 01-.47-2.5A12.11 12.11 0 0118 4.09V4h6v-.54a14.28 14.28 0 00-2-.78 14 14 0 109.42 17.42 15.1 15.1 0 00.45-2.1h-2a11.66 11.66 0 01-.36 1.44zM11 6.37a15.89 15.89 0 00.42 1.91 2.26 2.26 0 00-1 1.88 2.29 2.29 0 000 .37 17.75 17.75 0 00-4.3 3.9A12 12 0 0111 6.37zM9.67 23.53a5.45 5.45 0 01-1.07-.07 11.91 11.91 0 01-2.52-6.16 16 16 0 015.17-5.44 2.34 2.34 0 001.41.51 2 2 0 00.49-.06 17.81 17.81 0 007 6.64v.1a2.31 2.31 0 00.25 1 16.51 16.51 0 01-6.45 3 2.24 2.24 0 00-4.33.43zM18 28.09a12 12 0 01-6.54-1.95h.42A2.27 2.27 0 0014 24.8a18 18 0 007.67-3.63 2.3 2.3 0 00.82.16 2.25 2.25 0 001.75-.84 16.23 16.23 0 002.29.44 17.92 17.92 0 002.31.15h.1A12 12 0 0118 28.09z"
-      />
-      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'refresh-network'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="#565656"
-      width="38"
-      height="38"
-      viewBox="-1 -1 38 38"
-      y="342"
-    >
-      <path
-        d="M15 26a1 1 0 00-1 1 5 5 0 11-5-5h3l-1.1 1.13a1 1 0 101.41 1.41l2.83-2.83a1 1 0 000-1.41l-2.83-2.83a1 1 0 10-1.41 1.41L12 20H9a7 7 0 107 7 1 1 0 00-1-1zM6 26.79v.42z"
-      />
-      <path fill="none" d="M0 0h36v36H0z" />
-      <path
-        d="M18 2.09A14 14 0 004.38 19.28a8.91 8.91 0 011.86-.84c-.07-.36-.13-.72-.17-1.09a16 16 0 015.17-5.44 2.27 2.27 0 001.41.51 2.63 2.63 0 00.49-.06A17.74 17.74 0 0020.2 19v.1a2.32 2.32 0 00.25 1 16.13 16.13 0 01-3.2 1.9 3.14 3.14 0 01-.69 1.11l-.94.93a4 4 0 01.49.15 18.14 18.14 0 005.52-3 2.22 2.22 0 00.82.16 2.26 2.26 0 001.75-.84 17.16 17.16 0 002.29.44 17.92 17.92 0 002.31.15h.1a12 12 0 01-10.9 7h-.07a8.68 8.68 0 01-.48 2H18a14 14 0 000-28zm-7.61 8.07a2.21 2.21 0 000 .37 17.92 17.92 0 00-4.3 3.9A12 12 0 0111 6.37a15.48 15.48 0 00.42 1.91 2.25 2.25 0 00-1.03 1.88zM13 7.93a14.72 14.72 0 01-.47-2.5A12 12 0 0126.57 7.7v1a18.38 18.38 0 00-12.22-.07 2.28 2.28 0 00-1.35-.7zm10.45 9.12a2.23 2.23 0 00-1-.23 2.27 2.27 0 00-1.62.68 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32 16.76 16.76 0 017.48-.77 17.27 17.27 0 013.93 1 15.66 15.66 0 01-2.9 6.64zm3.27 2.29a18.39 18.39 0 01-2-.37 2.57 2.57 0 00-.16-.75A17.4 17.4 0 0027.83 11q.68.33 1.32.72a11.87 11.87 0 01.85 4.37 12 12 0 01-.49 3.35 16.59 16.59 0 01-2.82-.1z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'safari'">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
-      <defs>
-        <linearGradient
-          id="a"
-          x1="-868.775"
-          x2="-868.775"
-          y1="-881.357"
-          y2="-879.35"
-          gradientTransform="matrix(51.9299 0 0 -51.9299 45175.498 -45656.667)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stop-color="#1e6ff1"></stop>
-          <stop offset="1" stop-color="#28cefb"></stop>
-        </linearGradient>
-      </defs>
-      <path
-        fill="none"
-        fill-rule="evenodd"
-        d="M0,94V26A25.94821,25.94821,0,0,1,26,0H94a25.94821,25.94821,0,0,1,26,26V94a25.94821,25.94821,0,0,1-26,26H26A25.94821,25.94821,0,0,1,0,94Z"
-      ></path>
-      <g data-name='Home-Screen-11"'>
-        <circle cx="60.1" cy="60" r="52.1" fill="url(#a)"></circle>
-        <path
-          fill="none"
-          stroke="#fff"
-          stroke-linecap="square"
-          stroke-width="1.003"
-          d="M60.1024,107.4798v-8"
-        ></path>
-        <path
-          fill="none"
-          stroke="#fff"
-          stroke-linecap="square"
-          stroke-width="1.003"
-          d="M60.1024,20.4798v-8"
-          data-name="Line-2"
-        ></path>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M51.83207 106.78616l1.38918-7.87846M66.93946 21.1079l1.38918-7.87846"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M43.85227 104.62661l2.73616-7.51754M73.608 22.87335l2.73616-7.51754"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M36.312 101.16559l4-6.92821M79.812 25.82138l4-6.9282"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M29.61161 96.39464l5.1423-6.12835M85.53413 29.74878l5.1423-6.12836"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M23.66233 90.51885l6.12835-5.1423M90.30818 34.59634l6.12836-5.1423"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M18.94561 83.72128l6.92819-4M94.2898 40.22129l6.9282-4"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M15.386 76.2519l7.51754-2.73616M97.13924 46.49615L104.65678 43.76"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M13.29134 68.29889L21.1698 66.9097M98.96961 53.1915l7.87847-1.38919"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M12.61824 60.00238h8M99.61822 60.00238h8"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M13.31368 51.78449l7.87846 1.38919M98.992 66.89189l7.87846 1.38918"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M15.47 43.7719l7.51754 2.73616M97.22325 73.52765l7.51754 2.73616"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M18.92822 36.30686l6.9282 4M94.27242 79.80686l6.92821 4"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M23.67793 29.43833l6.12835 5.1423M90.32379 85.36085l6.12836 5.14231"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M29.50992 23.626l5.1423 6.12836M85.43245 90.27185l5.1423 6.12836"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M36.32019 18.86009l4 6.9282M79.82019 94.2043l4 6.9282"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M43.85359 15.359l2.73616 7.51754M73.60934 97.11222l2.73616 7.51754"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g data-name="Group-11">
-          <path
-            fill="none"
-            stroke="#fff"
-            stroke-linecap="square"
-            stroke-width="1.003"
-            d="M51.802 13.29176l1.38919 7.87846M66.90935 98.97l1.38919 7.87846"
-            data-name="Line-2"
-          ></path>
-        </g>
-        <g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M55.93679 107.30772l.34863-3.98478M63.868 16.654l.34863-3.98477"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M47.8203 105.92861l1.03528-3.8637M71.37283 18.02937l1.03528-3.86371"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M39.99838 103.01769l1.69048-3.62523M78.45664 20.54368l1.69048-3.62523"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M32.84 98.92712l2.29431-3.27661M85.03542 24.38428l2.29431-3.27661"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M26.54054 93.59134L29.369 90.76292M90.88724 29.24464l2.82843-2.82843"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M21.19133 87.29431L24.46794 85M95.73417 35.09885l3.27661-2.29431"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M17.06127 80.08907L20.6865 78.3986M99.53528 41.63081l3.62523-1.69047"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M14.20386 72.32676l3.8637-1.03528M102.10311 48.77422l3.8637-1.03527"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M12.73681 64.15229l3.98478-.34863M103.39053 56.22111l3.98478-.34862"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M12.77127 55.87244l3.98478.34863M103.425 63.80362l3.98478.34862"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M14.14562 47.75326l3.8637 1.03528M102.04485 71.30579l3.8637 1.03528"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M17.028 39.92087l3.62523 1.69047M99.502 78.37913l3.62523 1.69047"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M21.17515 32.80011l3.27661 2.29431M95.718 84.99557l3.27661 2.2943"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M26.53579 26.44337l2.82843 2.82843M90.88251 90.79009l2.82842 2.82843"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M32.7894 21.08372l2.29431 3.27661M84.98486 95.62656l2.29431 3.27661"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M40.02276 16.989l1.69047 3.62523M78.481 99.463l1.69047 3.62523"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M47.77372 14.17253l1.03528 3.8637M71.32625 102.07178l1.03528 3.86371"
-              data-name="Line-2"
-            ></path>
-          </g>
-          <g data-name="Group-11">
-            <path
-              fill="none"
-              stroke="#fff"
-              stroke-linecap="square"
-              stroke-width="1.003"
-              d="M55.895 12.71089l.34862 3.98478M63.82621 103.36462l.34862 3.98477"
-              data-name="Line-2"
-            ></path>
-          </g>
-        </g>
-        <g>
-          <polygon
-            fill="#fff"
-            fill-rule="evenodd"
-            points="97.07 29.06 55.97 55.36 23.07 91.06 64.37 65.36 97.07 29.06"
-          ></polygon>
-          <polygon
-            fill="#ff3b30"
-            fill-rule="evenodd"
-            points="97.07 29.06 55.97 55.36 64.37 65.36 97.07 29.06"
-          ></polygon>
-        </g>
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'firefox'">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.42 79.97">
-      <defs>
-        <linearGradient
-          x1="70.79"
-          x2="6.447"
-          y1="12.39"
-          y2="74.47"
-          gradientTransform="translate(-1.3 -.004086)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#fff44f" offset=".048" />
-          <stop stop-color="#ffe847" offset=".111" />
-          <stop stop-color="#ffc830" offset=".225" />
-          <stop stop-color="#ff980e" offset=".368" />
-          <stop stop-color="#ff8b16" offset=".401" />
-          <stop stop-color="#ff672a" offset=".462" />
-          <stop stop-color="#ff3647" offset=".534" />
-          <stop stop-color="#e31587" offset=".705" />
-        </linearGradient>
-        <radialGradient
-          id="b"
-          cx="-7907"
-          cy="-8515"
-          r="80.8"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#ffbd4f" offset=".129" />
-          <stop stop-color="#ffac31" offset=".186" />
-          <stop stop-color="#ff9d17" offset=".247" />
-          <stop stop-color="#ff980e" offset=".283" />
-          <stop stop-color="#ff563b" offset=".403" />
-          <stop stop-color="#ff3750" offset=".467" />
-          <stop stop-color="#f5156c" offset=".71" />
-          <stop stop-color="#eb0878" offset=".782" />
-          <stop stop-color="#e50080" offset=".86" />
-        </radialGradient>
-        <radialGradient
-          id="c"
-          cx="-7937"
-          cy="-8482"
-          r="80.8"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#960e18" offset=".3" />
-          <stop stop-color="#b11927" stop-opacity=".74" offset=".351" />
-          <stop stop-color="#db293d" stop-opacity=".343" offset=".435" />
-          <stop stop-color="#f5334b" stop-opacity=".094" offset=".497" />
-          <stop stop-color="#ff3750" stop-opacity="0" offset=".53" />
-        </radialGradient>
-        <radialGradient
-          id="d"
-          cx="-7927"
-          cy="-8533"
-          r="58.53"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#fff44f" offset=".132" />
-          <stop stop-color="#ffdc3e" offset=".252" />
-          <stop stop-color="#ff9d12" offset=".506" />
-          <stop stop-color="#ff980e" offset=".526" />
-        </radialGradient>
-        <radialGradient
-          id="e"
-          cx="-7946"
-          cy="-8461"
-          r="38.47"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#3a8ee6" offset=".353" />
-          <stop stop-color="#5c79f0" offset=".472" />
-          <stop stop-color="#9059ff" offset=".669" />
-          <stop stop-color="#c139e6" offset="1" />
-        </radialGradient>
-        <radialGradient
-          id="f"
-          cx="-7936"
-          cy="-8492"
-          r="20.4"
-          gradientTransform="matrix(.972 -.235 .275 1.138 10090 7834)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#9059ff" stop-opacity="0" offset=".206" />
-          <stop stop-color="#8c4ff3" stop-opacity=".064" offset=".278" />
-          <stop stop-color="#7716a8" stop-opacity=".45" offset=".747" />
-          <stop stop-color="#6e008b" stop-opacity=".6" offset=".975" />
-        </radialGradient>
-        <radialGradient
-          id="g"
-          cx="-7938"
-          cy="-8518"
-          r="27.68"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#ffe226" offset="0" />
-          <stop stop-color="#ffdb27" offset=".121" />
-          <stop stop-color="#ffc82a" offset=".295" />
-          <stop stop-color="#ffa930" offset=".502" />
-          <stop stop-color="#ff7e37" offset=".732" />
-          <stop stop-color="#ff7139" offset=".792" />
-        </radialGradient>
-        <radialGradient
-          id="h"
-          cx="-7916"
-          cy="-8536"
-          r="118.1"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#fff44f" offset=".113" />
-          <stop stop-color="#ff980e" offset=".456" />
-          <stop stop-color="#ff5634" offset=".622" />
-          <stop stop-color="#ff3647" offset=".716" />
-          <stop stop-color="#e31587" offset=".904" />
-        </radialGradient>
-        <radialGradient
-          id="i"
-          cx="-7927"
-          cy="-8523"
-          r="86.5"
-          gradientTransform="matrix(.105 .995 -.653 .069 -4685 8470)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#fff44f" offset="0" />
-          <stop stop-color="#ffe847" offset=".06" />
-          <stop stop-color="#ffc830" offset=".168" />
-          <stop stop-color="#ff980e" offset=".304" />
-          <stop stop-color="#ff8b16" offset=".356" />
-          <stop stop-color="#ff672a" offset=".455" />
-          <stop stop-color="#ff3647" offset=".57" />
-          <stop stop-color="#e31587" offset=".737" />
-        </radialGradient>
-        <radialGradient
-          id="j"
-          cx="-7938"
-          cy="-8508"
-          r="73.72"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#fff44f" offset=".137" />
-          <stop stop-color="#ff980e" offset=".48" />
-          <stop stop-color="#ff5634" offset=".592" />
-          <stop stop-color="#ff3647" offset=".655" />
-          <stop stop-color="#e31587" offset=".904" />
-        </radialGradient>
-        <radialGradient
-          id="k"
-          cx="-7919"
-          cy="-8504"
-          r="80.69"
-          gradientTransform="translate(7974,8524)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#fff44f" offset=".094" />
-          <stop stop-color="#ffe141" offset=".231" />
-          <stop stop-color="#ffaf1e" offset=".509" />
-          <stop stop-color="#ff980e" offset=".626" />
-        </radialGradient>
-        <linearGradient
-          id="l"
-          x1="70.01"
-          x2="15.27"
-          y1="12.06"
-          y2="66.81"
-          gradientTransform="translate(-1.3 -.004086)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="#fff44f" stop-opacity=".8" offset=".167" />
-          <stop stop-color="#fff44f" stop-opacity=".634" offset=".266" />
-          <stop stop-color="#fff44f" stop-opacity=".217" offset=".489" />
-          <stop stop-color="#fff44f" stop-opacity="0" offset=".6" />
-        </linearGradient>
-      </defs>
-      <g transform="matrix(.9819843 0 0 .9819843 .6974849 .7199239)">
-        <path
-          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53a19.39 19.39 0 0 0-10.67 4.111 11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.336 2.049-0.381 2.42 0 0.029-6e-3 0.056-9e-3 0.085a36.94 36.94 0 0 0-0.629 5.343v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-44.67 30.34c0.181 0.087 0.351 0.181 0.537 0.264l0.027 0.017q-0.282-0.135-0.564-0.281zm8.878-23.38m31.95-4.934v-0.037l7e-3 0.041z"
-          fill="url(#a)"
-        />
-        <path
-          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z"
-          fill="url(#b)"
-        />
-        <path
-          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z"
-          fill="url(#c)"
-        />
-        <path
-          d="m55.78 31.38c0.084 0.059 0.162 0.118 0.241 0.177a21.1 21.1 0 0 0-3.6-4.695c-12.05-12.05-3.157-26.12-1.658-26.84l0.015-0.022c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917z"
-          fill="url(#d)"
-        />
-        <path
-          d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z"
-          fill="url(#e)"
-        />
-        <path
-          d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z"
-          fill="url(#f)"
-        />
-        <path
-          d="m24.96 24.36c0.314 0.2 0.573 0.374 0.8 0.531a17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21c0.189-5e-3 5.811-0.106 8.638 1.732z"
-          fill="url(#g)"
-        />
-        <path
-          d="m0.354 42.16c2.991 17.67 19.01 31.17 37.19 31.68 16.83 0.476 27.58-9.294 32.02-18.82a35.1 35.1 0 0 0 1.206-26.16v-0.037c0-0.029-6e-3 -0.046 0-0.037l7e-3 0.065c1.375 8.977-3.191 17.67-10.33 23.56l-0.022 0.05c-13.91 11.33-27.22 6.834-29.91 5q-0.282-0.135-0.564-0.281c-8.109-3.876-11.46-11.26-10.74-17.6a9.953 9.953 0 0 1-9.181-5.775 14.62 14.62 0 0 1 14.25-0.572 19.3 19.3 0 0 0 14.55 0.572c-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758c-0.23-0.157-0.489-0.327-0.8-0.531-2.827-1.838-8.449-1.737-8.635-1.732h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.638 4.337v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74c-0.019 0.079-1.396 6.099-0.717 9.221z"
-          fill="url(#h)"
-        />
-        <path
-          d="m52.42 26.86a21.1 21.1 0 0 1 3.6 4.7c0.213 0.161 0.412 0.321 0.581 0.476 8.787 8.1 4.183 19.55 3.84 20.36 7.138-5.881 11.7-14.58 10.33-23.56-4.384-10.93-11.82-15.34-17.88-24.93-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015c-1.499 0.711-10.39 14.79 1.66 26.83z"
-          fill="url(#i)"
-        />
-        <path
-          d="m56.6 32.04c-0.169-0.155-0.368-0.315-0.581-0.476-0.079-0.059-0.157-0.118-0.241-0.177a13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017c2.694 1.839 16 6.332 29.91-5l0.022-0.05c0.347-0.81 4.951-12.26-3.84-20.36z"
-          fill="url(#j)"
-        />
-        <path
-          d="m21.35 44.74s1.789-6.667 12.81-6.667c1.191 0 4.6-3.325 4.661-4.289a19.3 19.3 0 0 1-14.55-0.572 14.62 14.62 0 0 0-14.25 0.572 9.953 9.953 0 0 0 9.181 5.775c-0.718 6.337 2.632 13.72 10.74 17.6 0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.445-8.641-7.069-9.129-12.68z"
-          fill="url(#k)"
-        />
-        <path
-          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917 13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017q-0.282-0.135-0.564-0.281c0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.446-8.641-7.07-9.129-12.68 0 0 1.789-6.667 12.81-6.667 1.191 0 4.6-3.325 4.661-4.289-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.4 2.073-0.447 2.445a45.09 45.09 0 0 0-0.572 5.403v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-3.845 1.991 7e-3 0.041z"
-          fill="url(#l)"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'chrome'">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 435.816 437.46">
-      <path
-        d="M217.341.039s128.478-5.783 196.57 123.337H206.416s-39.188-1.289-72.593 46.255c-9.634 19.916-19.91 40.473-8.349 80.937C108.773 222.309 36.823 97.04 36.823 97.04S87.578 5.176 217.341.039z"
-        fill="#c6352e"
-      ></path>
-      <path
-        d="M407.223 327.871s-59.247 114.143-205.118 108.533c17.995-31.148 103.772-179.682 103.772-179.682s20.709-33.289-3.744-85.991c-12.431-18.305-25.09-37.486-65.919-47.713 32.836-.326 177.285.021 177.285.021s54.168 89.891-6.276 204.832z"
-        fill="#f4d911"
-      ></path>
-      <path
-        d="M28.373 328.738s-69.224-108.395 8.58-231.908c17.979 31.16 103.71 179.72 103.71 179.72s18.469 34.578 76.341 39.756c22.061-1.609 45.007-2.982 74.279-33.223-16.139 28.594-88.673 153.521-88.673 153.521S97.681 438.56 28.373 328.738z"
-        fill="#81b354"
-      ></path>
-      <path
-        d="M202.105 437.46l29.187-121.793s32.092-2.504 58.982-32.017c-16.693 29.365-88.169 153.81-88.169 153.81z"
-        fill="#7baa50"
-      ></path>
-      <path
-        d="M119.59 220.093c0-53.69 43.52-97.215 97.215-97.215 53.69 0 97.214 43.524 97.214 97.215 0 53.693-43.522 97.219-97.214 97.219-53.695 0-97.215-43.525-97.215-97.219z"
-        fill="#fff"
-      ></path>
-      <path
-        d="M135.86 220.093c0-44.702 36.238-80.941 80.945-80.941 44.698 0 80.94 36.239 80.94 80.941 0 44.703-36.242 80.945-80.94 80.945-44.707.001-80.945-36.244-80.945-80.945z"
-        fill="url(#a)"
-      ></path>
-      <path
-        d="M413.5 123.039l-120.183 35.237s-18.123-26.596-57.104-35.258c33.776-.115 177.287.021 177.287.021z"
-        fill="#e7ce12"
-      ></path>
-      <path
-        d="M123.137 246.197c-16.89-29.25-86.31-149.16-86.31-149.16l89.029 88.07s-9.149 18.82-5.68 45.7l2.961 15.39z"
-        fill="#bc332c"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'edge'">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
-      <defs>
-        <linearGradient
-          id="linearGradient-1"
-          gradientUnits="userSpaceOnUse"
-          x1="63.3343"
-          y1="757.83"
-          x2="241.6165"
-          y2="757.83"
-          gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
-        >
-          <stop offset="0" style="stop-color: #0c59a4" />
-          <stop offset="1" style="stop-color: #114a8b" />
-        </linearGradient>
-        <radialGradient
-          id="radialGradient-1"
-          cx="161.83"
-          cy="788.4008"
-          r="95.38"
-          gradientTransform="matrix(0.9999 0 0 0.9498 -4.6217 -570.3868)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.72" style="stop-color: #000000; stop-opacity: 0" />
-          <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.53" />
-          <stop offset="1" style="stop-color: #000000" />
-        </radialGradient>
-        <linearGradient
-          id="linearGradient-2"
-          gradientUnits="userSpaceOnUse"
-          x1="157.4013"
-          y1="680.5561"
-          x2="46.0276"
-          y2="801.8683"
-          gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
-        >
-          <stop offset="0" style="stop-color: #1b9de2" />
-          <stop offset="0.16" style="stop-color: #1595df" />
-          <stop offset="0.67" style="stop-color: #0680d7" />
-          <stop offset="1" style="stop-color: #0078d4" />
-        </linearGradient>
-        <radialGradient
-          id="radialGradient-2"
-          cx="-773.6357"
-          cy="746.7146"
-          r="143.24"
-          gradientTransform="matrix(0.15 -0.9898 0.8 0.12 -410.7182 -656.3412)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.76" style="stop-color: #000000; stop-opacity: 0" />
-          <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.5" />
-          <stop offset="1" style="stop-color: #000000" />
-        </radialGradient>
-        <radialGradient
-          id="radialGradient-3"
-          cx="230.5926"
-          cy="-106.0381"
-          r="202.4299"
-          gradientTransform="matrix(-3.999750e-02 0.9998 -2.1299 -7.998414e-02 -190.7749 -191.6354)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" style="stop-color: #35c1f1" />
-          <stop offset="0.11" style="stop-color: #34c1ed" />
-          <stop offset="0.23" style="stop-color: #2fc2df" />
-          <stop offset="0.31" style="stop-color: #2bc3d2" />
-          <stop offset="0.67" style="stop-color: #36c752" />
-        </radialGradient>
-        <radialGradient
-          id="radialGradient-4"
-          cx="536.3567"
-          cy="-117.7029"
-          r="97.34"
-          gradientTransform="matrix(0.28 0.9598 -0.78 0.23 -1.9279 -410.3179)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" style="stop-color: #66eb6e" />
-          <stop offset="1" style="stop-color: #66eb6e; stop-opacity: 0" />
-        </radialGradient>
-      </defs>
-      <g>
-        <path
-          fill="url(#linearGradient-1)"
-          d="M231,190.5c-3.4,1.8-6.9,3.4-10.5,4.7c-11.5,4.3-23.6,6.5-35.9,6.5c-47.3,0-88.5-32.5-88.5-74.3 c0.1-11.4,6.4-21.9,16.4-27.3c-42.8,1.8-53.8,46.4-53.8,72.5c0,73.9,68.1,81.4,82.8,81.4c7.9,0,19.8-2.3,27-4.6l1.3-0.4 c27.6-9.5,51-28.1,66.6-52.8c1.2-1.9,0.6-4.3-1.2-5.5C233.9,189.9,232.3,189.8,231,190.5z"
-        />
-        <path
-          opacity="0.35"
-          fill="url(#radialGradient-1)"
-          d="M231,190.5c-3.4,1.8-6.9,3.4-10.5,4.7 c-11.5,4.3-23.6,6.5-35.9,6.5c-47.3,0-88.5-32.5-88.5-74.3c0.1-11.4,6.4-21.9,16.4-27.3c-42.8,1.8-53.8,46.4-53.8,72.5 c0,73.9,68.1,81.4,82.8,81.4c7.9,0,19.8-2.3,27-4.6l1.3-0.4c27.6-9.5,51-28.1,66.6-52.8c1.2-1.9,0.6-4.3-1.2-5.5 C233.9,189.9,232.3,189.8,231,190.5z"
-        />
-        <path
-          fill="url(#linearGradient-2)"
-          d="M105.7,241.4c-8.9-5.5-16.6-12.8-22.7-21.3c-26.3-36-18.4-86.5,17.6-112.8c3.8-2.7,7.7-5.2,11.9-7.2 c3.1-1.5,8.4-4.1,15.5-4c10.1,0.1,19.6,4.9,25.7,13c4,5.4,6.3,11.9,6.4,18.7c0-0.2,24.5-79.6-80-79.6c-43.9,0-80,41.7-80,78.2 c-0.2,19.3,4,38.5,12.1,56c27.6,58.8,94.8,87.6,156.4,67.1C147.5,256.1,124.5,253.2,105.7,241.4L105.7,241.4z"
-        />
-        <path
-          opacity="0.41"
-          fill="url(#radialGradient-2)"
-          d="M105.7,241.4c-8.9-5.5-16.6-12.8-22.7-21.3 c-26.3-36-18.4-86.5,17.6-112.8c3.8-2.7,7.7-5.2,11.9-7.2c3.1-1.5,8.4-4.1,15.5-4c10.1,0.1,19.6,4.9,25.7,13 c4,5.4,6.3,11.9,6.4,18.7c0-0.2,24.5-79.6-80-79.6c-43.9,0-80,41.7-80,78.2c-0.2,19.3,4,38.5,12.1,56 c27.6,58.8,94.8,87.6,156.4,67.1C147.5,256.1,124.5,253.2,105.7,241.4L105.7,241.4z"
-        />
-        <path
-          fill="url(#radialGradient-3)"
-          d="M152.3,148.9c-0.8,1-3.3,2.5-3.3,5.7c0,2.6,1.7,5.1,4.7,7.2c14.4,10,41.5,8.7,41.6,8.7 c10.7,0,21.1-2.9,30.3-8.3c18.8-11,30.4-31.1,30.4-52.9c0.3-22.4-8-37.3-11.3-43.9C223.5,23.9,177.7,0,128,0C58,0,1,56.2,0,126.2 c0.5-36.5,36.8-66,80-66c3.5,0,23.5,0.3,42,10.1c16.3,8.6,24.9,18.9,30.8,29.2c6.2,10.7,7.3,24.1,7.3,29.5 C160.1,134.3,157.4,142.3,152.3,148.9z"
-        />
-        <path
-          fill="url(#radialGradient-4)"
-          d="M152.3,148.9c-0.8,1-3.3,2.5-3.3,5.7c0,2.6,1.7,5.1,4.7,7.2c14.4,10,41.5,8.7,41.6,8.7 c10.7,0,21.1-2.9,30.3-8.3c18.8-11,30.4-31.1,30.4-52.9c0.3-22.4-8-37.3-11.3-43.9C223.5,23.9,177.7,0,128,0C58,0,1,56.2,0,126.2 c0.5-36.5,36.8-66,80-66c3.5,0,23.5,0.3,42,10.1c16.3,8.6,24.9,18.9,30.8,29.2c6.2,10.7,7.3,24.1,7.3,29.5 C160.1,134.3,157.4,142.3,152.3,148.9z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'host'">
-    <svg
-      :width="props.width"
-      :height="props.height"
-      viewBox="0 0 24 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      class="host-icon"
-    >
-      <path
-        d="M5.25 3.25H2.5C1.94772 3.25 1.5 3.69772 1.5 4.25V15.75C1.5 16.3023 1.94772 16.75 2.5 16.75H5.25"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-      <path
-        d="M18.75 3.25H21.5C22.0523 3.25 22.5 3.69772 22.5 4.25V15.75C22.5 16.3023 22.0523 16.75 21.5 16.75H18.75"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-      <rect
-        x="7.5"
-        y="1"
-        width="9"
-        height="18"
-        rx="1"
-        stroke="currentColor"
-        stroke-width="1.2"
-      />
-      <circle cx="12" cy="14.5" r="1.5" stroke="currentColor" />
-      <path
-        d="M18.75 13.75C19.3713 13.75 19.875 13.2463 19.875 12.625C19.875 12.0037 19.3713 11.5 18.75 11.5"
-        stroke="currentColor"
-        stroke-linecap="round"
-      />
-      <path
-        d="M5.25 13.75C4.62868 13.75 4.125 13.2463 4.125 12.625C4.125 12.0037 4.62868 11.5 5.25 11.5"
-        stroke="currentColor"
-        stroke-linecap="round"
-      />
-      <path d="M10.5 4H13.5" stroke="currentColor" stroke-linecap="round" />
-      <path d="M10.5 7H13.5" stroke="currentColor" stroke-linecap="round" />
-      <path d="M4.125 6.25H5.25" stroke="currentColor" stroke-linecap="round" />
-      <path
-        d="M18.75 6.25H19.875"
-        stroke="currentColor"
-        stroke-linecap="round"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'vm'">
-    <svg
-      :width="props.width"
-      :height="props.height"
-      viewBox="0 0 24 22"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      class="vm-icon"
-    >
-      <path
-        d="M12.0537 12.5V18.0381C12.0537 18.3239 12.2062 18.588 12.4537 18.7309L16.8499 21.2691C17.0974 21.412 17.4023 21.412 17.6499 21.2691L22.046 18.7309C22.2935 18.588 22.446 18.3239 22.446 18.0381V12.9619C22.446 12.6761 22.2935 12.412 22.046 12.2691L17.6499 9.73094C17.4023 9.58803 17.0974 9.58803 16.8499 9.73094L12.0537 12.5ZM12.0537 12.5L17.2499 15.5M17.2499 15.5V21.3184M17.2499 15.5L22.3299 12.567"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M6.75572 20.75V15.875M1.77427 12.624L6.57026 15.3929V15.3929C6.68503 15.4592 6.82642 15.4592 6.94118 15.3929L11.795 12.5906M1.55957 12.9619V18.0381C1.55957 18.3239 1.71205 18.588 1.95957 18.7309L6.35572 21.2691C6.60324 21.412 6.9082 21.412 7.15572 21.2691L11.5519 18.7309C11.7994 18.588 11.9519 18.3239 11.9519 18.0381V12.9619C11.9519 12.6761 11.7994 12.412 11.5519 12.2691L7.15572 9.73094C6.9082 9.58803 6.60324 9.58803 6.35572 9.73094L1.95957 12.2691C1.71205 12.412 1.55957 12.6761 1.55957 12.9619Z"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M12.0555 12.5L16.8517 9.73094C17.0992 9.58803 17.2517 9.32393 17.2517 9.03812V3.96188C17.2517 3.67607 17.0992 3.41197 16.8517 3.26906L12.4555 0.73094C12.208 0.588034 11.903 0.588034 11.6555 0.73094L7.25937 3.26906C7.01185 3.41197 6.85938 3.67607 6.85938 3.96188V9.03812C6.85938 9.32393 7.01185 9.58803 7.25938 9.73094L12.0555 12.5ZM12.0555 12.5V6.5M12.0555 6.5L7.01004 3.58699M12.0555 6.5L17.083 3.5974"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linejoin="round"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'datastore'">
-    <svg
-      :width="props.width"
-      :height="props.height"
-      viewBox="0 0 20 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      class="datastore-icon"
-    >
-      <path
-        d="M19 3.75C19 4.99264 14.9706 6 10 6C5.02944 6 1 4.99264 1 3.75M19 3.75C19 2.50736 14.9706 1.5 10 1.5C5.02944 1.5 1 2.50736 1 3.75M19 3.75V20.25C19 21.4926 14.9706 22.5 10 22.5C5.02944 22.5 1 21.4926 1 20.25V3.75M19 9.25488C19 10.4975 14.9706 11.5049 10 11.5049C5.02944 11.5049 1 10.4975 1 9.25488M19 14.7598C19 16.0024 14.9706 17.0098 10 17.0098C5.02944 17.0098 1 16.0024 1 14.7598"
-        stroke="currentColor"
-        stroke-width="1.2"
-      />
-      <path
-        d="M4 8.17529H4.001"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-      <path
-        d="M4 13.6802H4.001"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-      <path
-        d="M4 19.1997H4.001"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-      <path
-        d="M7 8.625H7.001"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-      <path
-        d="M7 14.1299H7.001"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-      <path
-        d="M7 19.6348H7.001"
-        stroke="currentColor"
-        stroke-width="1.2"
-        stroke-linecap="round"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'backup'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      :width="props.width"
-      :height="props.height"
-      viewBox="0 0 24 24"
-      fill="none"
-    >
-      <g clip-path="url(#clip0_927_13361)">
-        <path
-          d="M4.5 19.5V19.5C2.84315 19.5 1.5 18.1569 1.5 16.5V4.5C1.5 2.84315 2.84315 1.5 4.5 1.5H16.5C18.1569 1.5 19.5 2.84315 19.5 4.5V4.5"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-        <rect
-          x="4.5"
-          y="4.5"
-          width="18"
-          height="18"
-          rx="3"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-        <path
-          d="M10.318 16.682C11.1324 17.4963 12.2574 18 13.5 18C15.9853 18 18 15.9853 18 13.5C18 11.0147 15.9853 9 13.5 9C11.471 9 10.2412 10.3523 9 11.75M10.1458 16.5C10.5257 16.9244 10.9848 17.2762 11.5 17.5322"
-          stroke="currentColor"
-          stroke-width="1.2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-        <path
-          d="M9 9.50732V11.7509H11.25"
-          stroke="currentColor"
-          stroke-width="1.2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_927_13361">
-          <rect width="24" height="24" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'network'">
-    <svg
-      :width="props.width"
-      :height="props.height"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g clip-path="url(#clip0_2062_7683)">
-        <path
-          d="M14.625 12.75C14.625 13.7083 14.2983 14.5902 13.7501 15.2905C12.995 16.2551 11.8199 16.875 10.5 16.875C9.44523 16.875 8.48292 16.4791 7.75355 15.8278C6.90759 15.0724 6.375 13.9734 6.375 12.75C6.375 10.4718 8.22183 8.625 10.5 8.625C11.4157 8.625 12.2618 8.92339 12.9462 9.42824C13.9645 10.1794 14.625 11.3876 14.625 12.75Z"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-        <path
-          d="M22.5 19.5C22.5 21.1569 21.1569 22.5 19.5 22.5C17.8431 22.5 16.5 21.1569 16.5 19.5C16.5 18.8196 16.7265 18.1921 17.1082 17.6888C17.6561 16.9665 18.5236 16.5 19.5 16.5C21.1569 16.5 22.5 17.8431 22.5 19.5Z"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-        <path
-          d="M4.5 6C4.5 6.82843 3.82843 7.5 3 7.5C2.17157 7.5 1.5 6.82843 1.5 6C1.5 5.17157 2.17157 4.5 3 4.5C3.82843 4.5 4.5 5.17157 4.5 6Z"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-        <path
-          d="M19.5 3.75C19.5 4.99264 18.4926 6 17.25 6C16.7541 6 16.2957 5.8396 15.9239 5.56785C15.3638 5.15859 15 4.49678 15 3.75C15 2.50736 16.0074 1.5 17.25 1.5C18.4926 1.5 19.5 2.50736 19.5 3.75Z"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-        <path
-          d="M6 20.25C6 21.4926 4.99264 22.5 3.75 22.5C2.50736 22.5 1.5 21.4926 1.5 20.25C1.5 19.0074 2.50736 18 3.75 18C4.32627 18 4.85193 18.2166 5.25 18.5729C5.71031 18.9849 6 19.5836 6 20.25Z"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-        <path
-          d="M4.07031 7.05141L7.42597 9.99961M5.25024 18.5729L7.7538 15.8278M17.1085 17.6888L13.7503 15.2905M15.9241 5.56787L12.9464 9.42826"
-          stroke="currentColor"
-          stroke-width="1.2"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_2062_7683">
-          <rect width="24" height="24" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-  </template>
-</template>
-<script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    name: string
-    width?: string
-    height?: string
-  }>(),
-  {
-    width: '24',
-    height: '24',
-  }
-)
-</script>
-<style scoped lang="scss"></style>
+<template>
+  <template v-if="props.name === 'help-info'">
+    <svg
+      :width="props.width"
+      :height="props.height"
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M25.39,25.45a1,1,0,0,0-1.38.29c-1.41,2.16-4,4.81-6.31,5.7s-4.12.57-4.84,0c-.31-.27-1.12-1-.43-3.49.46-1.66,3.32-9.48,4-11.38l-2.18.28c-.69,1.86-3.29,8.84-3.76,10.58-.68,2.49-.34,4.3,1.09,5.56A5.59,5.59,0,0,0,15,34a9.53,9.53,0,0,0,3.45-.7c2.79-1.09,5.72-4.12,7.26-6.47A1,1,0,0,0,25.39,25.45Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M19.3,11a4.5,4.5,0,1,0-4.5-4.5A4.5,4.5,0,0,0,19.3,11Zm0-7a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,19.3,4Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></path>
+      <path
+        d="M11.81,15c.06,0,6.27-.82,7.73-1,.65-.1,1.14,0,1.3.15s.21.8-.07,1.68c-.61,1.86-3.69,11-4.59,13.71a8,8,0,0,0,1.29-.38,7.32,7.32,0,0,0,1.15-.6C19.85,25,22.15,18.1,22.67,16.52s.39-2.78-.3-3.6a3.16,3.16,0,0,0-3.08-.83c-1.43.15-7.47.94-7.73,1a1,1,0,0,0,.26,2Z"
+        class="clr-i-outline clr-i-outline-path-3"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'eye'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M33.62,17.53c-3.37-6.23-9.28-10-15.82-10S5.34,11.3,2,17.53L1.72,18l.26.48c3.37,6.23,9.28,10,15.82,10s12.46-3.72,15.82-10l.26-.48ZM17.8,26.43C12.17,26.43,7,23.29,4,18c3-5.29,8.17-8.43,13.8-8.43S28.54,12.72,31.59,18C28.54,23.29,23.42,26.43,17.8,26.43Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M18.09,11.17A6.86,6.86,0,1,0,25,18,6.86,6.86,0,0,0,18.09,11.17Zm0,11.72A4.86,4.86,0,1,1,23,18,4.87,4.87,0,0,1,18.09,22.89Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'eye-closed'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></path>
+      <path
+        d="M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z"
+        class="clr-i-outline clr-i-outline-path-3"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'is-success'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
+      ></path>
+      <path
+        d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
+        fill="white"
+      ></path>
+      <path
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2ZM28.45,12.63,15.31,25.76,7.55,18a1.4,1.4,0,0,1,2-2l5.78,5.78L26.47,10.65a1.4,1.4,0,1,1,2,2Z"
+        fill="#2e8500"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'drag'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="aivmw-color-theme"
+      viewBox="-1 -1 38 38"
+    >
+      <circle
+        cx="15"
+        cy="12"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-1"
+      />
+      <circle
+        cx="15"
+        cy="24"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-2"
+      />
+      <circle
+        cx="21"
+        cy="12"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-3"
+      />
+      <circle
+        cx="21"
+        cy="24"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-4"
+      />
+      <circle
+        cx="21"
+        cy="18"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-5"
+      />
+      <circle
+        cx="15"
+        cy="18"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-6"
+      />
+      <path fill-opacity="0" d="M0 0h36v36H0z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'happy-face'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <circle
+        cx="10.89"
+        cy="13.89"
+        r="2"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></circle>
+      <circle
+        cx="25.05"
+        cy="13.89"
+        r="2"
+        class="clr-i-outline clr-i-outline-path-3"
+      ></circle>
+      <path
+        d="M18.13,28.21a8.67,8.67,0,0,0,8.26-6H9.87A8.67,8.67,0,0,0,18.13,28.21Z"
+        class="clr-i-outline clr-i-outline-path-4"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'warning-standart'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M15.0620782,1.681196 C15.6298819,0.649266355 16.7109091,0.0102219396 17.885,0.0102219396 C19.0590909,0.0102219396 20.1401181,0.649266355 20.7086433,1.68252129 L34.598644,27.2425225 C35.1407746,28.2401397 35.1174345,29.4495373 34.5372161,30.4254943 C33.9569977,31.4014514 32.905671,31.9996984 31.77,32 L4.02239323,31.9997492 C2.87409009,32.0254699 1.79902843,31.4375753 1.20106335,30.4569126 C0.603098265,29.4762499 0.572777899,28.2513179 1.12207818,27.241196 L15.0620782,1.681196 Z M2.87850767,28.1977282 C2.67060966,28.5800376 2.6820975,29.0441423 2.9086557,29.4156977 C3.1352139,29.7872532 3.5425354,30.0099959 4,30 L31.7697344,30 C32.1999191,29.9998858 32.5982478,29.7732208 32.8180821,29.4034482 C33.0379164,29.0336757 33.0467595,28.5754567 32.8413567,28.1974787 L18.9538739,2.64208195 C18.7394236,2.25234436 18.3298419,2.01022194 17.885,2.01022194 C17.4406889,2.01022194 17.0315538,2.25176692 16.8168946,2.64068753 L2.87850767,28.1977282 Z"
+      ></path>
+      <path
+        class="clr-i-solid clr-i-solid-path-1"
+        d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'heart'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M18,32.43a1,1,0,0,1-.61-.21C11.83,27.9,8,24.18,5.32,20.51,1.9,15.82,1.12,11.49,3,7.64c1.34-2.75,5.19-5,9.69-3.69A9.87,9.87,0,0,1,18,7.72a9.87,9.87,0,0,1,5.31-3.77c4.49-1.29,8.35.94,9.69,3.69,1.88,3.85,1.1,8.18-2.32,12.87C28,24.18,24.17,27.9,18.61,32.22A1,1,0,0,1,18,32.43ZM10.13,5.58A5.9,5.9,0,0,0,4.8,8.51c-1.55,3.18-.85,6.72,2.14,10.81A57.13,57.13,0,0,0,18,30.16,57.13,57.13,0,0,0,29.06,19.33c3-4.1,3.69-7.64,2.14-10.81-1-2-4-3.59-7.34-2.65a8,8,0,0,0-4.94,4.2,1,1,0,0,1-1.85,0,7.93,7.93,0,0,0-4.94-4.2A7.31,7.31,0,0,0,10.13,5.58Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M33,7.64c-1.34-2.75-5.2-5-9.69-3.69A9.87,9.87,0,0,0,18,7.72a9.87,9.87,0,0,0-5.31-3.77C8.19,2.66,4.34,4.89,3,7.64c-1.88,3.85-1.1,8.18,2.32,12.87C8,24.18,11.83,27.9,17.39,32.22a1,1,0,0,0,1.23,0c5.55-4.31,9.39-8,12.07-11.71C34.1,15.82,34.88,11.49,33,7.64Z"
+        class="clr-i-solid clr-i-solid-path-1"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'lightbulb'">
+    <svg
+      version="1.1"
+      class="can-badge has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h2A18.17,18.17,0,0,0,13,22.44a18.46,18.46,0,0,0-2.22-3.92,15.79,15.79,0,0,1-1-1.54A8.64,8.64,0,0,1,9,13.23a9,9,0,0,1,18.07,0A8.64,8.64,0,0,1,26.21,17a15.79,15.79,0,0,1-1,1.54A18.46,18.46,0,0,0,23,22.44a18.17,18.17,0,0,0-.71,4.71h2a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M23.86,29.15H12.11a.8.8,0,1,0,0,1.6H23.86a.8.8,0,0,0,0-1.6Z"
+        class="clr-i-solid clr-i-solid-path-1"
+      ></path>
+      <path
+        d="M22,32.15H14a.8.8,0,1,0,0,1.6H22a.8.8,0,1,0,0-1.6Z"
+        class="clr-i-solid clr-i-solid-path-2"
+      ></path>
+      <path
+        d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h5.69V21.61l-2.86-3.13,3-3a.8.8,0,0,1,1.13,1.13l-1.89,1.89L19,21v6.17H24.3a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25ZM18.45,12l-2.73,2.73a.8.8,0,1,1-1.13-1.13l2.73-2.73A.8.8,0,1,1,18.45,12Z"
+        class="clr-i-solid clr-i-solid-path-3"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'pop-out'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'check'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M13.72,27.69,3.29,17.27a1,1,0,0,1,1.41-1.41l9,9L31.29,7.29a1,1,0,0,1,1.41,1.41Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'edit'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+      viewBox="-1 -1 38 38"
+      y="1064"
+      fill="#565656"
+    >
+      <path
+        d="M33.87 8.32L28 2.42a2.07 2.07 0 00-2.92 0L4.27 23.2l-1.9 8.2a2.06 2.06 0 002 2.5 2.14 2.14 0 00.43 0l8.29-1.9 20.78-20.76a2.07 2.07 0 000-2.92zM12.09 30.2l-7.77 1.63 1.77-7.62L21.66 8.7l6 6zM29 13.25l-6-6 3.48-3.46 5.9 6z"
+      />
+      <path opacity="0" d="M0 0h36v36H0z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'semi-circle-arrow'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="38"
+      height="38"
+      viewBox="-1 -1 38 38"
+      fill="#565656"
+    >
+      <path
+        d="M24 4.22a1 1 0 00-1.41 1.42l5.56 5.49h-13A11 11 0 0010.07 32a1 1 0 00.93-1.82 9 9 0 01-5-8 9.08 9.08 0 019.13-9h13l-5.54 5.48A1 1 0 0024 20l8-7.91z"
+      />
+      <path opacity="0" d="M0 0h36v36H0z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'add-networking'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="#565656"
+      width="38"
+      height="38"
+      viewBox="-1 -1 38 38"
+      y="190"
+    >
+      <path fill="none" d="M0 0h36v36H0z" />
+      <path fill="#565656" d="M27 32H9a1 1 0 000 2h18a1 1 0 000-2z" />
+      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
+      <path
+        fill="#565656"
+        d="M29.51 19.44a16.63 16.63 0 01-2.82-.1 19.53 19.53 0 01-2-.37 2.71 2.71 0 00-.16-.75c.06-.07.1-.15.16-.22H24v-1.81c-.19.29-.37.58-.58.86a2.27 2.27 0 00-2.62.45 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32A16.66 16.66 0 0118 9.44V7.79a18.64 18.64 0 00-3.69.85A2.24 2.24 0 0013 7.93a14.13 14.13 0 01-.47-2.5A12.11 12.11 0 0118 4.09V4h6v-.54a14.28 14.28 0 00-2-.78 14 14 0 109.42 17.42 15.1 15.1 0 00.45-2.1h-2a11.66 11.66 0 01-.36 1.44zM11 6.37a15.89 15.89 0 00.42 1.91 2.26 2.26 0 00-1 1.88 2.29 2.29 0 000 .37 17.75 17.75 0 00-4.3 3.9A12 12 0 0111 6.37zM9.67 23.53a5.45 5.45 0 01-1.07-.07 11.91 11.91 0 01-2.52-6.16 16 16 0 015.17-5.44 2.34 2.34 0 001.41.51 2 2 0 00.49-.06 17.81 17.81 0 007 6.64v.1a2.31 2.31 0 00.25 1 16.51 16.51 0 01-6.45 3 2.24 2.24 0 00-4.33.43zM18 28.09a12 12 0 01-6.54-1.95h.42A2.27 2.27 0 0014 24.8a18 18 0 007.67-3.63 2.3 2.3 0 00.82.16 2.25 2.25 0 001.75-.84 16.23 16.23 0 002.29.44 17.92 17.92 0 002.31.15h.1A12 12 0 0118 28.09z"
+      />
+      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'refresh-network'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="#565656"
+      width="38"
+      height="38"
+      viewBox="-1 -1 38 38"
+      y="342"
+    >
+      <path
+        d="M15 26a1 1 0 00-1 1 5 5 0 11-5-5h3l-1.1 1.13a1 1 0 101.41 1.41l2.83-2.83a1 1 0 000-1.41l-2.83-2.83a1 1 0 10-1.41 1.41L12 20H9a7 7 0 107 7 1 1 0 00-1-1zM6 26.79v.42z"
+      />
+      <path fill="none" d="M0 0h36v36H0z" />
+      <path
+        d="M18 2.09A14 14 0 004.38 19.28a8.91 8.91 0 011.86-.84c-.07-.36-.13-.72-.17-1.09a16 16 0 015.17-5.44 2.27 2.27 0 001.41.51 2.63 2.63 0 00.49-.06A17.74 17.74 0 0020.2 19v.1a2.32 2.32 0 00.25 1 16.13 16.13 0 01-3.2 1.9 3.14 3.14 0 01-.69 1.11l-.94.93a4 4 0 01.49.15 18.14 18.14 0 005.52-3 2.22 2.22 0 00.82.16 2.26 2.26 0 001.75-.84 17.16 17.16 0 002.29.44 17.92 17.92 0 002.31.15h.1a12 12 0 01-10.9 7h-.07a8.68 8.68 0 01-.48 2H18a14 14 0 000-28zm-7.61 8.07a2.21 2.21 0 000 .37 17.92 17.92 0 00-4.3 3.9A12 12 0 0111 6.37a15.48 15.48 0 00.42 1.91 2.25 2.25 0 00-1.03 1.88zM13 7.93a14.72 14.72 0 01-.47-2.5A12 12 0 0126.57 7.7v1a18.38 18.38 0 00-12.22-.07 2.28 2.28 0 00-1.35-.7zm10.45 9.12a2.23 2.23 0 00-1-.23 2.27 2.27 0 00-1.62.68 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32 16.76 16.76 0 017.48-.77 17.27 17.27 0 013.93 1 15.66 15.66 0 01-2.9 6.64zm3.27 2.29a18.39 18.39 0 01-2-.37 2.57 2.57 0 00-.16-.75A17.4 17.4 0 0027.83 11q.68.33 1.32.72a11.87 11.87 0 01.85 4.37 12 12 0 01-.49 3.35 16.59 16.59 0 01-2.82-.1z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'safari'">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
+      <defs>
+        <linearGradient
+          id="a"
+          x1="-868.775"
+          x2="-868.775"
+          y1="-881.357"
+          y2="-879.35"
+          gradientTransform="matrix(51.9299 0 0 -51.9299 45175.498 -45656.667)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stop-color="#1e6ff1"></stop>
+          <stop offset="1" stop-color="#28cefb"></stop>
+        </linearGradient>
+      </defs>
+      <path
+        fill="none"
+        fill-rule="evenodd"
+        d="M0,94V26A25.94821,25.94821,0,0,1,26,0H94a25.94821,25.94821,0,0,1,26,26V94a25.94821,25.94821,0,0,1-26,26H26A25.94821,25.94821,0,0,1,0,94Z"
+      ></path>
+      <g data-name='Home-Screen-11"'>
+        <circle cx="60.1" cy="60" r="52.1" fill="url(#a)"></circle>
+        <path
+          fill="none"
+          stroke="#fff"
+          stroke-linecap="square"
+          stroke-width="1.003"
+          d="M60.1024,107.4798v-8"
+        ></path>
+        <path
+          fill="none"
+          stroke="#fff"
+          stroke-linecap="square"
+          stroke-width="1.003"
+          d="M60.1024,20.4798v-8"
+          data-name="Line-2"
+        ></path>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M51.83207 106.78616l1.38918-7.87846M66.93946 21.1079l1.38918-7.87846"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M43.85227 104.62661l2.73616-7.51754M73.608 22.87335l2.73616-7.51754"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M36.312 101.16559l4-6.92821M79.812 25.82138l4-6.9282"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M29.61161 96.39464l5.1423-6.12835M85.53413 29.74878l5.1423-6.12836"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M23.66233 90.51885l6.12835-5.1423M90.30818 34.59634l6.12836-5.1423"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M18.94561 83.72128l6.92819-4M94.2898 40.22129l6.9282-4"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M15.386 76.2519l7.51754-2.73616M97.13924 46.49615L104.65678 43.76"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M13.29134 68.29889L21.1698 66.9097M98.96961 53.1915l7.87847-1.38919"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M12.61824 60.00238h8M99.61822 60.00238h8"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M13.31368 51.78449l7.87846 1.38919M98.992 66.89189l7.87846 1.38918"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M15.47 43.7719l7.51754 2.73616M97.22325 73.52765l7.51754 2.73616"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M18.92822 36.30686l6.9282 4M94.27242 79.80686l6.92821 4"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M23.67793 29.43833l6.12835 5.1423M90.32379 85.36085l6.12836 5.14231"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M29.50992 23.626l5.1423 6.12836M85.43245 90.27185l5.1423 6.12836"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M36.32019 18.86009l4 6.9282M79.82019 94.2043l4 6.9282"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M43.85359 15.359l2.73616 7.51754M73.60934 97.11222l2.73616 7.51754"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g data-name="Group-11">
+          <path
+            fill="none"
+            stroke="#fff"
+            stroke-linecap="square"
+            stroke-width="1.003"
+            d="M51.802 13.29176l1.38919 7.87846M66.90935 98.97l1.38919 7.87846"
+            data-name="Line-2"
+          ></path>
+        </g>
+        <g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M55.93679 107.30772l.34863-3.98478M63.868 16.654l.34863-3.98477"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M47.8203 105.92861l1.03528-3.8637M71.37283 18.02937l1.03528-3.86371"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M39.99838 103.01769l1.69048-3.62523M78.45664 20.54368l1.69048-3.62523"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M32.84 98.92712l2.29431-3.27661M85.03542 24.38428l2.29431-3.27661"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M26.54054 93.59134L29.369 90.76292M90.88724 29.24464l2.82843-2.82843"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M21.19133 87.29431L24.46794 85M95.73417 35.09885l3.27661-2.29431"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M17.06127 80.08907L20.6865 78.3986M99.53528 41.63081l3.62523-1.69047"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M14.20386 72.32676l3.8637-1.03528M102.10311 48.77422l3.8637-1.03527"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M12.73681 64.15229l3.98478-.34863M103.39053 56.22111l3.98478-.34862"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M12.77127 55.87244l3.98478.34863M103.425 63.80362l3.98478.34862"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M14.14562 47.75326l3.8637 1.03528M102.04485 71.30579l3.8637 1.03528"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M17.028 39.92087l3.62523 1.69047M99.502 78.37913l3.62523 1.69047"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M21.17515 32.80011l3.27661 2.29431M95.718 84.99557l3.27661 2.2943"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M26.53579 26.44337l2.82843 2.82843M90.88251 90.79009l2.82842 2.82843"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M32.7894 21.08372l2.29431 3.27661M84.98486 95.62656l2.29431 3.27661"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M40.02276 16.989l1.69047 3.62523M78.481 99.463l1.69047 3.62523"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M47.77372 14.17253l1.03528 3.8637M71.32625 102.07178l1.03528 3.86371"
+              data-name="Line-2"
+            ></path>
+          </g>
+          <g data-name="Group-11">
+            <path
+              fill="none"
+              stroke="#fff"
+              stroke-linecap="square"
+              stroke-width="1.003"
+              d="M55.895 12.71089l.34862 3.98478M63.82621 103.36462l.34862 3.98477"
+              data-name="Line-2"
+            ></path>
+          </g>
+        </g>
+        <g>
+          <polygon
+            fill="#fff"
+            fill-rule="evenodd"
+            points="97.07 29.06 55.97 55.36 23.07 91.06 64.37 65.36 97.07 29.06"
+          ></polygon>
+          <polygon
+            fill="#ff3b30"
+            fill-rule="evenodd"
+            points="97.07 29.06 55.97 55.36 64.37 65.36 97.07 29.06"
+          ></polygon>
+        </g>
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'firefox'">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.42 79.97">
+      <defs>
+        <linearGradient
+          x1="70.79"
+          x2="6.447"
+          y1="12.39"
+          y2="74.47"
+          gradientTransform="translate(-1.3 -.004086)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#fff44f" offset=".048" />
+          <stop stop-color="#ffe847" offset=".111" />
+          <stop stop-color="#ffc830" offset=".225" />
+          <stop stop-color="#ff980e" offset=".368" />
+          <stop stop-color="#ff8b16" offset=".401" />
+          <stop stop-color="#ff672a" offset=".462" />
+          <stop stop-color="#ff3647" offset=".534" />
+          <stop stop-color="#e31587" offset=".705" />
+        </linearGradient>
+        <radialGradient
+          id="b"
+          cx="-7907"
+          cy="-8515"
+          r="80.8"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#ffbd4f" offset=".129" />
+          <stop stop-color="#ffac31" offset=".186" />
+          <stop stop-color="#ff9d17" offset=".247" />
+          <stop stop-color="#ff980e" offset=".283" />
+          <stop stop-color="#ff563b" offset=".403" />
+          <stop stop-color="#ff3750" offset=".467" />
+          <stop stop-color="#f5156c" offset=".71" />
+          <stop stop-color="#eb0878" offset=".782" />
+          <stop stop-color="#e50080" offset=".86" />
+        </radialGradient>
+        <radialGradient
+          id="c"
+          cx="-7937"
+          cy="-8482"
+          r="80.8"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#960e18" offset=".3" />
+          <stop stop-color="#b11927" stop-opacity=".74" offset=".351" />
+          <stop stop-color="#db293d" stop-opacity=".343" offset=".435" />
+          <stop stop-color="#f5334b" stop-opacity=".094" offset=".497" />
+          <stop stop-color="#ff3750" stop-opacity="0" offset=".53" />
+        </radialGradient>
+        <radialGradient
+          id="d"
+          cx="-7927"
+          cy="-8533"
+          r="58.53"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#fff44f" offset=".132" />
+          <stop stop-color="#ffdc3e" offset=".252" />
+          <stop stop-color="#ff9d12" offset=".506" />
+          <stop stop-color="#ff980e" offset=".526" />
+        </radialGradient>
+        <radialGradient
+          id="e"
+          cx="-7946"
+          cy="-8461"
+          r="38.47"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#3a8ee6" offset=".353" />
+          <stop stop-color="#5c79f0" offset=".472" />
+          <stop stop-color="#9059ff" offset=".669" />
+          <stop stop-color="#c139e6" offset="1" />
+        </radialGradient>
+        <radialGradient
+          id="f"
+          cx="-7936"
+          cy="-8492"
+          r="20.4"
+          gradientTransform="matrix(.972 -.235 .275 1.138 10090 7834)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#9059ff" stop-opacity="0" offset=".206" />
+          <stop stop-color="#8c4ff3" stop-opacity=".064" offset=".278" />
+          <stop stop-color="#7716a8" stop-opacity=".45" offset=".747" />
+          <stop stop-color="#6e008b" stop-opacity=".6" offset=".975" />
+        </radialGradient>
+        <radialGradient
+          id="g"
+          cx="-7938"
+          cy="-8518"
+          r="27.68"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#ffe226" offset="0" />
+          <stop stop-color="#ffdb27" offset=".121" />
+          <stop stop-color="#ffc82a" offset=".295" />
+          <stop stop-color="#ffa930" offset=".502" />
+          <stop stop-color="#ff7e37" offset=".732" />
+          <stop stop-color="#ff7139" offset=".792" />
+        </radialGradient>
+        <radialGradient
+          id="h"
+          cx="-7916"
+          cy="-8536"
+          r="118.1"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#fff44f" offset=".113" />
+          <stop stop-color="#ff980e" offset=".456" />
+          <stop stop-color="#ff5634" offset=".622" />
+          <stop stop-color="#ff3647" offset=".716" />
+          <stop stop-color="#e31587" offset=".904" />
+        </radialGradient>
+        <radialGradient
+          id="i"
+          cx="-7927"
+          cy="-8523"
+          r="86.5"
+          gradientTransform="matrix(.105 .995 -.653 .069 -4685 8470)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#fff44f" offset="0" />
+          <stop stop-color="#ffe847" offset=".06" />
+          <stop stop-color="#ffc830" offset=".168" />
+          <stop stop-color="#ff980e" offset=".304" />
+          <stop stop-color="#ff8b16" offset=".356" />
+          <stop stop-color="#ff672a" offset=".455" />
+          <stop stop-color="#ff3647" offset=".57" />
+          <stop stop-color="#e31587" offset=".737" />
+        </radialGradient>
+        <radialGradient
+          id="j"
+          cx="-7938"
+          cy="-8508"
+          r="73.72"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#fff44f" offset=".137" />
+          <stop stop-color="#ff980e" offset=".48" />
+          <stop stop-color="#ff5634" offset=".592" />
+          <stop stop-color="#ff3647" offset=".655" />
+          <stop stop-color="#e31587" offset=".904" />
+        </radialGradient>
+        <radialGradient
+          id="k"
+          cx="-7919"
+          cy="-8504"
+          r="80.69"
+          gradientTransform="translate(7974,8524)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#fff44f" offset=".094" />
+          <stop stop-color="#ffe141" offset=".231" />
+          <stop stop-color="#ffaf1e" offset=".509" />
+          <stop stop-color="#ff980e" offset=".626" />
+        </radialGradient>
+        <linearGradient
+          id="l"
+          x1="70.01"
+          x2="15.27"
+          y1="12.06"
+          y2="66.81"
+          gradientTransform="translate(-1.3 -.004086)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#fff44f" stop-opacity=".8" offset=".167" />
+          <stop stop-color="#fff44f" stop-opacity=".634" offset=".266" />
+          <stop stop-color="#fff44f" stop-opacity=".217" offset=".489" />
+          <stop stop-color="#fff44f" stop-opacity="0" offset=".6" />
+        </linearGradient>
+      </defs>
+      <g transform="matrix(.9819843 0 0 .9819843 .6974849 .7199239)">
+        <path
+          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53a19.39 19.39 0 0 0-10.67 4.111 11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.336 2.049-0.381 2.42 0 0.029-6e-3 0.056-9e-3 0.085a36.94 36.94 0 0 0-0.629 5.343v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-44.67 30.34c0.181 0.087 0.351 0.181 0.537 0.264l0.027 0.017q-0.282-0.135-0.564-0.281zm8.878-23.38m31.95-4.934v-0.037l7e-3 0.041z"
+          fill="url(#a)"
+        />
+        <path
+          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z"
+          fill="url(#b)"
+        />
+        <path
+          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z"
+          fill="url(#c)"
+        />
+        <path
+          d="m55.78 31.38c0.084 0.059 0.162 0.118 0.241 0.177a21.1 21.1 0 0 0-3.6-4.695c-12.05-12.05-3.157-26.12-1.658-26.84l0.015-0.022c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917z"
+          fill="url(#d)"
+        />
+        <path
+          d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z"
+          fill="url(#e)"
+        />
+        <path
+          d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z"
+          fill="url(#f)"
+        />
+        <path
+          d="m24.96 24.36c0.314 0.2 0.573 0.374 0.8 0.531a17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21c0.189-5e-3 5.811-0.106 8.638 1.732z"
+          fill="url(#g)"
+        />
+        <path
+          d="m0.354 42.16c2.991 17.67 19.01 31.17 37.19 31.68 16.83 0.476 27.58-9.294 32.02-18.82a35.1 35.1 0 0 0 1.206-26.16v-0.037c0-0.029-6e-3 -0.046 0-0.037l7e-3 0.065c1.375 8.977-3.191 17.67-10.33 23.56l-0.022 0.05c-13.91 11.33-27.22 6.834-29.91 5q-0.282-0.135-0.564-0.281c-8.109-3.876-11.46-11.26-10.74-17.6a9.953 9.953 0 0 1-9.181-5.775 14.62 14.62 0 0 1 14.25-0.572 19.3 19.3 0 0 0 14.55 0.572c-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758c-0.23-0.157-0.489-0.327-0.8-0.531-2.827-1.838-8.449-1.737-8.635-1.732h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.638 4.337v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74c-0.019 0.079-1.396 6.099-0.717 9.221z"
+          fill="url(#h)"
+        />
+        <path
+          d="m52.42 26.86a21.1 21.1 0 0 1 3.6 4.7c0.213 0.161 0.412 0.321 0.581 0.476 8.787 8.1 4.183 19.55 3.84 20.36 7.138-5.881 11.7-14.58 10.33-23.56-4.384-10.93-11.82-15.34-17.88-24.93-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015c-1.499 0.711-10.39 14.79 1.66 26.83z"
+          fill="url(#i)"
+        />
+        <path
+          d="m56.6 32.04c-0.169-0.155-0.368-0.315-0.581-0.476-0.079-0.059-0.157-0.118-0.241-0.177a13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017c2.694 1.839 16 6.332 29.91-5l0.022-0.05c0.347-0.81 4.951-12.26-3.84-20.36z"
+          fill="url(#j)"
+        />
+        <path
+          d="m21.35 44.74s1.789-6.667 12.81-6.667c1.191 0 4.6-3.325 4.661-4.289a19.3 19.3 0 0 1-14.55-0.572 14.62 14.62 0 0 0-14.25 0.572 9.953 9.953 0 0 0 9.181 5.775c-0.718 6.337 2.632 13.72 10.74 17.6 0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.445-8.641-7.069-9.129-12.68z"
+          fill="url(#k)"
+        />
+        <path
+          d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917 13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017q-0.282-0.135-0.564-0.281c0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.446-8.641-7.07-9.129-12.68 0 0 1.789-6.667 12.81-6.667 1.191 0 4.6-3.325 4.661-4.289-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.4 2.073-0.447 2.445a45.09 45.09 0 0 0-0.572 5.403v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-3.845 1.991 7e-3 0.041z"
+          fill="url(#l)"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'chrome'">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 435.816 437.46">
+      <path
+        d="M217.341.039s128.478-5.783 196.57 123.337H206.416s-39.188-1.289-72.593 46.255c-9.634 19.916-19.91 40.473-8.349 80.937C108.773 222.309 36.823 97.04 36.823 97.04S87.578 5.176 217.341.039z"
+        fill="#c6352e"
+      ></path>
+      <path
+        d="M407.223 327.871s-59.247 114.143-205.118 108.533c17.995-31.148 103.772-179.682 103.772-179.682s20.709-33.289-3.744-85.991c-12.431-18.305-25.09-37.486-65.919-47.713 32.836-.326 177.285.021 177.285.021s54.168 89.891-6.276 204.832z"
+        fill="#f4d911"
+      ></path>
+      <path
+        d="M28.373 328.738s-69.224-108.395 8.58-231.908c17.979 31.16 103.71 179.72 103.71 179.72s18.469 34.578 76.341 39.756c22.061-1.609 45.007-2.982 74.279-33.223-16.139 28.594-88.673 153.521-88.673 153.521S97.681 438.56 28.373 328.738z"
+        fill="#81b354"
+      ></path>
+      <path
+        d="M202.105 437.46l29.187-121.793s32.092-2.504 58.982-32.017c-16.693 29.365-88.169 153.81-88.169 153.81z"
+        fill="#7baa50"
+      ></path>
+      <path
+        d="M119.59 220.093c0-53.69 43.52-97.215 97.215-97.215 53.69 0 97.214 43.524 97.214 97.215 0 53.693-43.522 97.219-97.214 97.219-53.695 0-97.215-43.525-97.215-97.219z"
+        fill="#fff"
+      ></path>
+      <path
+        d="M135.86 220.093c0-44.702 36.238-80.941 80.945-80.941 44.698 0 80.94 36.239 80.94 80.941 0 44.703-36.242 80.945-80.94 80.945-44.707.001-80.945-36.244-80.945-80.945z"
+        fill="url(#a)"
+      ></path>
+      <path
+        d="M413.5 123.039l-120.183 35.237s-18.123-26.596-57.104-35.258c33.776-.115 177.287.021 177.287.021z"
+        fill="#e7ce12"
+      ></path>
+      <path
+        d="M123.137 246.197c-16.89-29.25-86.31-149.16-86.31-149.16l89.029 88.07s-9.149 18.82-5.68 45.7l2.961 15.39z"
+        fill="#bc332c"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'edge'">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
+      <defs>
+        <linearGradient
+          id="linearGradient-1"
+          gradientUnits="userSpaceOnUse"
+          x1="63.3343"
+          y1="757.83"
+          x2="241.6165"
+          y2="757.83"
+          gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
+        >
+          <stop offset="0" style="stop-color: #0c59a4" />
+          <stop offset="1" style="stop-color: #114a8b" />
+        </linearGradient>
+        <radialGradient
+          id="radialGradient-1"
+          cx="161.83"
+          cy="788.4008"
+          r="95.38"
+          gradientTransform="matrix(0.9999 0 0 0.9498 -4.6217 -570.3868)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.72" style="stop-color: #000000; stop-opacity: 0" />
+          <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.53" />
+          <stop offset="1" style="stop-color: #000000" />
+        </radialGradient>
+        <linearGradient
+          id="linearGradient-2"
+          gradientUnits="userSpaceOnUse"
+          x1="157.4013"
+          y1="680.5561"
+          x2="46.0276"
+          y2="801.8683"
+          gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
+        >
+          <stop offset="0" style="stop-color: #1b9de2" />
+          <stop offset="0.16" style="stop-color: #1595df" />
+          <stop offset="0.67" style="stop-color: #0680d7" />
+          <stop offset="1" style="stop-color: #0078d4" />
+        </linearGradient>
+        <radialGradient
+          id="radialGradient-2"
+          cx="-773.6357"
+          cy="746.7146"
+          r="143.24"
+          gradientTransform="matrix(0.15 -0.9898 0.8 0.12 -410.7182 -656.3412)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.76" style="stop-color: #000000; stop-opacity: 0" />
+          <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.5" />
+          <stop offset="1" style="stop-color: #000000" />
+        </radialGradient>
+        <radialGradient
+          id="radialGradient-3"
+          cx="230.5926"
+          cy="-106.0381"
+          r="202.4299"
+          gradientTransform="matrix(-3.999750e-02 0.9998 -2.1299 -7.998414e-02 -190.7749 -191.6354)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" style="stop-color: #35c1f1" />
+          <stop offset="0.11" style="stop-color: #34c1ed" />
+          <stop offset="0.23" style="stop-color: #2fc2df" />
+          <stop offset="0.31" style="stop-color: #2bc3d2" />
+          <stop offset="0.67" style="stop-color: #36c752" />
+        </radialGradient>
+        <radialGradient
+          id="radialGradient-4"
+          cx="536.3567"
+          cy="-117.7029"
+          r="97.34"
+          gradientTransform="matrix(0.28 0.9598 -0.78 0.23 -1.9279 -410.3179)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" style="stop-color: #66eb6e" />
+          <stop offset="1" style="stop-color: #66eb6e; stop-opacity: 0" />
+        </radialGradient>
+      </defs>
+      <g>
+        <path
+          fill="url(#linearGradient-1)"
+          d="M231,190.5c-3.4,1.8-6.9,3.4-10.5,4.7c-11.5,4.3-23.6,6.5-35.9,6.5c-47.3,0-88.5-32.5-88.5-74.3 c0.1-11.4,6.4-21.9,16.4-27.3c-42.8,1.8-53.8,46.4-53.8,72.5c0,73.9,68.1,81.4,82.8,81.4c7.9,0,19.8-2.3,27-4.6l1.3-0.4 c27.6-9.5,51-28.1,66.6-52.8c1.2-1.9,0.6-4.3-1.2-5.5C233.9,189.9,232.3,189.8,231,190.5z"
+        />
+        <path
+          opacity="0.35"
+          fill="url(#radialGradient-1)"
+          d="M231,190.5c-3.4,1.8-6.9,3.4-10.5,4.7 c-11.5,4.3-23.6,6.5-35.9,6.5c-47.3,0-88.5-32.5-88.5-74.3c0.1-11.4,6.4-21.9,16.4-27.3c-42.8,1.8-53.8,46.4-53.8,72.5 c0,73.9,68.1,81.4,82.8,81.4c7.9,0,19.8-2.3,27-4.6l1.3-0.4c27.6-9.5,51-28.1,66.6-52.8c1.2-1.9,0.6-4.3-1.2-5.5 C233.9,189.9,232.3,189.8,231,190.5z"
+        />
+        <path
+          fill="url(#linearGradient-2)"
+          d="M105.7,241.4c-8.9-5.5-16.6-12.8-22.7-21.3c-26.3-36-18.4-86.5,17.6-112.8c3.8-2.7,7.7-5.2,11.9-7.2 c3.1-1.5,8.4-4.1,15.5-4c10.1,0.1,19.6,4.9,25.7,13c4,5.4,6.3,11.9,6.4,18.7c0-0.2,24.5-79.6-80-79.6c-43.9,0-80,41.7-80,78.2 c-0.2,19.3,4,38.5,12.1,56c27.6,58.8,94.8,87.6,156.4,67.1C147.5,256.1,124.5,253.2,105.7,241.4L105.7,241.4z"
+        />
+        <path
+          opacity="0.41"
+          fill="url(#radialGradient-2)"
+          d="M105.7,241.4c-8.9-5.5-16.6-12.8-22.7-21.3 c-26.3-36-18.4-86.5,17.6-112.8c3.8-2.7,7.7-5.2,11.9-7.2c3.1-1.5,8.4-4.1,15.5-4c10.1,0.1,19.6,4.9,25.7,13 c4,5.4,6.3,11.9,6.4,18.7c0-0.2,24.5-79.6-80-79.6c-43.9,0-80,41.7-80,78.2c-0.2,19.3,4,38.5,12.1,56 c27.6,58.8,94.8,87.6,156.4,67.1C147.5,256.1,124.5,253.2,105.7,241.4L105.7,241.4z"
+        />
+        <path
+          fill="url(#radialGradient-3)"
+          d="M152.3,148.9c-0.8,1-3.3,2.5-3.3,5.7c0,2.6,1.7,5.1,4.7,7.2c14.4,10,41.5,8.7,41.6,8.7 c10.7,0,21.1-2.9,30.3-8.3c18.8-11,30.4-31.1,30.4-52.9c0.3-22.4-8-37.3-11.3-43.9C223.5,23.9,177.7,0,128,0C58,0,1,56.2,0,126.2 c0.5-36.5,36.8-66,80-66c3.5,0,23.5,0.3,42,10.1c16.3,8.6,24.9,18.9,30.8,29.2c6.2,10.7,7.3,24.1,7.3,29.5 C160.1,134.3,157.4,142.3,152.3,148.9z"
+        />
+        <path
+          fill="url(#radialGradient-4)"
+          d="M152.3,148.9c-0.8,1-3.3,2.5-3.3,5.7c0,2.6,1.7,5.1,4.7,7.2c14.4,10,41.5,8.7,41.6,8.7 c10.7,0,21.1-2.9,30.3-8.3c18.8-11,30.4-31.1,30.4-52.9c0.3-22.4-8-37.3-11.3-43.9C223.5,23.9,177.7,0,128,0C58,0,1,56.2,0,126.2 c0.5-36.5,36.8-66,80-66c3.5,0,23.5,0.3,42,10.1c16.3,8.6,24.9,18.9,30.8,29.2c6.2,10.7,7.3,24.1,7.3,29.5 C160.1,134.3,157.4,142.3,152.3,148.9z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'host'">
+    <svg
+      :width="props.width"
+      :height="props.height"
+      viewBox="0 0 24 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="host-icon"
+    >
+      <path
+        d="M5.25 3.25H2.5C1.94772 3.25 1.5 3.69772 1.5 4.25V15.75C1.5 16.3023 1.94772 16.75 2.5 16.75H5.25"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M18.75 3.25H21.5C22.0523 3.25 22.5 3.69772 22.5 4.25V15.75C22.5 16.3023 22.0523 16.75 21.5 16.75H18.75"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+      <rect
+        x="7.5"
+        y="1"
+        width="9"
+        height="18"
+        rx="1"
+        stroke="currentColor"
+        stroke-width="1.2"
+      />
+      <circle cx="12" cy="14.5" r="1.5" stroke="currentColor" />
+      <path
+        d="M18.75 13.75C19.3713 13.75 19.875 13.2463 19.875 12.625C19.875 12.0037 19.3713 11.5 18.75 11.5"
+        stroke="currentColor"
+        stroke-linecap="round"
+      />
+      <path
+        d="M5.25 13.75C4.62868 13.75 4.125 13.2463 4.125 12.625C4.125 12.0037 4.62868 11.5 5.25 11.5"
+        stroke="currentColor"
+        stroke-linecap="round"
+      />
+      <path d="M10.5 4H13.5" stroke="currentColor" stroke-linecap="round" />
+      <path d="M10.5 7H13.5" stroke="currentColor" stroke-linecap="round" />
+      <path d="M4.125 6.25H5.25" stroke="currentColor" stroke-linecap="round" />
+      <path
+        d="M18.75 6.25H19.875"
+        stroke="currentColor"
+        stroke-linecap="round"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'vm'">
+    <svg
+      :width="props.width"
+      :height="props.height"
+      viewBox="0 0 24 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="vm-icon"
+    >
+      <path
+        d="M12.0537 12.5V18.0381C12.0537 18.3239 12.2062 18.588 12.4537 18.7309L16.8499 21.2691C17.0974 21.412 17.4023 21.412 17.6499 21.2691L22.046 18.7309C22.2935 18.588 22.446 18.3239 22.446 18.0381V12.9619C22.446 12.6761 22.2935 12.412 22.046 12.2691L17.6499 9.73094C17.4023 9.58803 17.0974 9.58803 16.8499 9.73094L12.0537 12.5ZM12.0537 12.5L17.2499 15.5M17.2499 15.5V21.3184M17.2499 15.5L22.3299 12.567"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.75572 20.75V15.875M1.77427 12.624L6.57026 15.3929V15.3929C6.68503 15.4592 6.82642 15.4592 6.94118 15.3929L11.795 12.5906M1.55957 12.9619V18.0381C1.55957 18.3239 1.71205 18.588 1.95957 18.7309L6.35572 21.2691C6.60324 21.412 6.9082 21.412 7.15572 21.2691L11.5519 18.7309C11.7994 18.588 11.9519 18.3239 11.9519 18.0381V12.9619C11.9519 12.6761 11.7994 12.412 11.5519 12.2691L7.15572 9.73094C6.9082 9.58803 6.60324 9.58803 6.35572 9.73094L1.95957 12.2691C1.71205 12.412 1.55957 12.6761 1.55957 12.9619Z"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M12.0555 12.5L16.8517 9.73094C17.0992 9.58803 17.2517 9.32393 17.2517 9.03812V3.96188C17.2517 3.67607 17.0992 3.41197 16.8517 3.26906L12.4555 0.73094C12.208 0.588034 11.903 0.588034 11.6555 0.73094L7.25937 3.26906C7.01185 3.41197 6.85938 3.67607 6.85938 3.96188V9.03812C6.85938 9.32393 7.01185 9.58803 7.25938 9.73094L12.0555 12.5ZM12.0555 12.5V6.5M12.0555 6.5L7.01004 3.58699M12.0555 6.5L17.083 3.5974"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linejoin="round"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'datastore'">
+    <svg
+      :width="props.width"
+      :height="props.height"
+      viewBox="0 0 20 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="datastore-icon"
+    >
+      <path
+        d="M19 3.75C19 4.99264 14.9706 6 10 6C5.02944 6 1 4.99264 1 3.75M19 3.75C19 2.50736 14.9706 1.5 10 1.5C5.02944 1.5 1 2.50736 1 3.75M19 3.75V20.25C19 21.4926 14.9706 22.5 10 22.5C5.02944 22.5 1 21.4926 1 20.25V3.75M19 9.25488C19 10.4975 14.9706 11.5049 10 11.5049C5.02944 11.5049 1 10.4975 1 9.25488M19 14.7598C19 16.0024 14.9706 17.0098 10 17.0098C5.02944 17.0098 1 16.0024 1 14.7598"
+        stroke="currentColor"
+        stroke-width="1.2"
+      />
+      <path
+        d="M4 8.17529H4.001"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M4 13.6802H4.001"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M4 19.1997H4.001"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M7 8.625H7.001"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M7 14.1299H7.001"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M7 19.6348H7.001"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'backup'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      :width="props.width"
+      :height="props.height"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <g clip-path="url(#clip0_927_13361)">
+        <path
+          d="M4.5 19.5V19.5C2.84315 19.5 1.5 18.1569 1.5 16.5V4.5C1.5 2.84315 2.84315 1.5 4.5 1.5H16.5C18.1569 1.5 19.5 2.84315 19.5 4.5V4.5"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+        <rect
+          x="4.5"
+          y="4.5"
+          width="18"
+          height="18"
+          rx="3"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+        <path
+          d="M10.318 16.682C11.1324 17.4963 12.2574 18 13.5 18C15.9853 18 18 15.9853 18 13.5C18 11.0147 15.9853 9 13.5 9C11.471 9 10.2412 10.3523 9 11.75M10.1458 16.5C10.5257 16.9244 10.9848 17.2762 11.5 17.5322"
+          stroke="currentColor"
+          stroke-width="1.2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M9 9.50732V11.7509H11.25"
+          stroke="currentColor"
+          stroke-width="1.2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_927_13361">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'network'">
+    <svg
+      :width="props.width"
+      :height="props.height"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_2062_7683)">
+        <path
+          d="M14.625 12.75C14.625 13.7083 14.2983 14.5902 13.7501 15.2905C12.995 16.2551 11.8199 16.875 10.5 16.875C9.44523 16.875 8.48292 16.4791 7.75355 15.8278C6.90759 15.0724 6.375 13.9734 6.375 12.75C6.375 10.4718 8.22183 8.625 10.5 8.625C11.4157 8.625 12.2618 8.92339 12.9462 9.42824C13.9645 10.1794 14.625 11.3876 14.625 12.75Z"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+        <path
+          d="M22.5 19.5C22.5 21.1569 21.1569 22.5 19.5 22.5C17.8431 22.5 16.5 21.1569 16.5 19.5C16.5 18.8196 16.7265 18.1921 17.1082 17.6888C17.6561 16.9665 18.5236 16.5 19.5 16.5C21.1569 16.5 22.5 17.8431 22.5 19.5Z"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+        <path
+          d="M4.5 6C4.5 6.82843 3.82843 7.5 3 7.5C2.17157 7.5 1.5 6.82843 1.5 6C1.5 5.17157 2.17157 4.5 3 4.5C3.82843 4.5 4.5 5.17157 4.5 6Z"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+        <path
+          d="M19.5 3.75C19.5 4.99264 18.4926 6 17.25 6C16.7541 6 16.2957 5.8396 15.9239 5.56785C15.3638 5.15859 15 4.49678 15 3.75C15 2.50736 16.0074 1.5 17.25 1.5C18.4926 1.5 19.5 2.50736 19.5 3.75Z"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+        <path
+          d="M6 20.25C6 21.4926 4.99264 22.5 3.75 22.5C2.50736 22.5 1.5 21.4926 1.5 20.25C1.5 19.0074 2.50736 18 3.75 18C4.32627 18 4.85193 18.2166 5.25 18.5729C5.71031 18.9849 6 19.5836 6 20.25Z"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+        <path
+          d="M4.07031 7.05141L7.42597 9.99961M5.25024 18.5729L7.7538 15.8278M17.1085 17.6888L13.7503 15.2905M15.9241 5.56787L12.9464 9.42826"
+          stroke="currentColor"
+          stroke-width="1.2"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2062_7683">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  </template>
+</template>
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    name: string
+    width?: string
+    height?: string
+  }>(),
+  {
+    width: '24',
+    height: '24',
+  }
+)
+</script>
+<style scoped lang="scss"></style>