vertical-cylinder.svg 13.2 KB
<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 233 201" fill="none" xmlns="http://www.w3.org/2000/svg">
  <mask id="mask0_3572_1305" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="39" y="57" width="155" height="121">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M39.5 57.6724V161.738C39.5 170 73.5 177.5 116.5 177.5C173.5 177.5 193.5 167 193.5 161.738V57.6724C184.016 65.6521 153.134 71.5001 116.5 71.5001C79.8664 71.5001 48.9838 65.6521 39.5 57.6724Z" fill="#7A8BFF"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M39.5 57.6724V161.738C39.5 170 73.5 177.5 116.5 177.5C173.5 177.5 193.5 167 193.5 161.738V57.6724C184.016 65.6521 153.134 71.5001 116.5 71.5001C79.8664 71.5001 48.9838 65.6521 39.5 57.6724Z" fill="white" fill-opacity="0.1"/>
  </mask>
  <g mask="url(#mask0_3572_1305)">
    <g clip-path="url(#clip0_3572_1305)">
      <rect class="tb-liquid-fill tb-liquid" x="39.5" y="109.5" width="154" height="122" fill="#7A8BFF"/>
      <ellipse class="tb-liquid-surface tb-liquid" cx="116.5" cy="109.5" rx="77" ry="16" fill="#7A8BFF"/>
      <ellipse class="tb-liquid-surface" cx="116.5" cy="109.5" rx="77" ry="16" fill="white" fill-opacity="0.1"/>
    </g>
  </g>
  <mask id="path-4-inside-1_3572_1305" fill="white">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M195.5 162.5V51.5H197.5V162.5C197.5 164.064 196.791 165.507 195.614 166.8C194.443 168.088 192.763 169.283 190.683 170.389C186.521 172.603 180.564 174.566 173.288 176.204C158.72 179.481 138.643 181.5 116.5 181.5C94.3574 181.5 74.2803 179.481 59.7119 176.204C52.4358 174.566 46.4792 172.603 42.3172 170.389C40.237 169.283 38.5568 168.088 37.3855 166.8C36.209 165.507 35.5 164.064 35.5 162.5V51.5H37.5V162.5C37.5 163.421 37.9103 164.405 38.8651 165.455C39.8251 166.51 41.2884 167.577 43.2564 168.624C47.1909 170.717 52.9499 172.632 60.151 174.252C74.5369 177.489 94.4598 179.5 116.5 179.5C138.54 179.5 158.463 177.489 172.849 174.252C180.05 172.632 185.809 170.717 189.744 168.624C191.712 167.577 193.175 166.51 194.135 165.455C195.09 164.405 195.5 163.421 195.5 162.5Z"/>
  </mask>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M195.5 162.5V51.5H197.5V162.5C197.5 164.064 196.791 165.507 195.614 166.8C194.443 168.088 192.763 169.283 190.683 170.389C186.521 172.603 180.564 174.566 173.288 176.204C158.72 179.481 138.643 181.5 116.5 181.5C94.3574 181.5 74.2803 179.481 59.7119 176.204C52.4358 174.566 46.4792 172.603 42.3172 170.389C40.237 169.283 38.5568 168.088 37.3855 166.8C36.209 165.507 35.5 164.064 35.5 162.5V51.5H37.5V162.5C37.5 163.421 37.9103 164.405 38.8651 165.455C39.8251 166.51 41.2884 167.577 43.2564 168.624C47.1909 170.717 52.9499 172.632 60.151 174.252C74.5369 177.489 94.4598 179.5 116.5 179.5C138.54 179.5 158.463 177.489 172.849 174.252C180.05 172.632 185.809 170.717 189.744 168.624C191.712 167.577 193.175 166.51 194.135 165.455C195.09 164.405 195.5 163.421 195.5 162.5Z" fill="#6216FF" fill-opacity="0.02"/>
  <path class="tb-shape-fill" d="M195.5 51.5V49.5H193.5V51.5H195.5ZM197.5 51.5H199.5V49.5H197.5V51.5ZM195.614 166.8L197.094 168.146L195.614 166.8ZM190.683 170.389L189.744 168.624V168.624L190.683 170.389ZM173.288 176.204L172.849 174.252L173.288 176.204ZM59.7119 176.204L60.151 174.252L59.7119 176.204ZM42.3172 170.389L43.2564 168.624L43.2564 168.624L42.3172 170.389ZM37.3855 166.8L35.9059 168.146H35.9059L37.3855 166.8ZM35.5 51.5V49.5H33.5V51.5H35.5ZM37.5 51.5H39.5V49.5H37.5V51.5ZM38.8651 165.455L40.3447 164.109H40.3447L38.8651 165.455ZM43.2564 168.624L42.3172 170.389H42.3172L43.2564 168.624ZM60.151 174.252L60.59 172.301L60.151 174.252ZM172.849 174.252L172.41 172.301L172.849 174.252ZM189.744 168.624L190.683 170.389L189.744 168.624ZM194.135 165.455L195.614 166.8V166.8L194.135 165.455ZM193.5 51.5V162.5H197.5V51.5H193.5ZM197.5 49.5H195.5V53.5H197.5V49.5ZM199.5 162.5V51.5H195.5V162.5H199.5ZM197.094 168.146C198.491 166.61 199.5 164.709 199.5 162.5H195.5C195.5 163.42 195.091 164.404 194.135 165.455L197.094 168.146ZM191.622 172.155C193.814 170.989 195.711 169.666 197.094 168.146L194.135 165.455C193.175 166.51 191.712 167.577 189.744 168.624L191.622 172.155ZM173.727 178.155C181.078 176.501 187.233 174.49 191.622 172.155L189.744 168.624C185.809 170.717 180.05 172.632 172.849 174.252L173.727 178.155ZM116.5 183.5C138.745 183.5 158.976 181.474 173.727 178.155L172.849 174.252C158.463 177.489 138.54 179.5 116.5 179.5V183.5ZM59.2729 178.155C74.0238 181.474 94.2551 183.5 116.5 183.5V179.5C94.4598 179.5 74.5369 177.489 60.151 174.252L59.2729 178.155ZM41.3779 172.155C45.7674 174.49 51.9217 176.501 59.2729 178.155L60.151 174.252C52.95 172.632 47.1909 170.717 43.2564 168.624L41.3779 172.155ZM35.9059 168.146C37.2885 169.666 39.1856 170.989 41.3779 172.155L43.2564 168.624C41.2884 167.577 39.8252 166.51 38.8651 165.455L35.9059 168.146ZM33.5 162.5C33.5 164.709 34.5086 166.61 35.9059 168.146L38.8651 165.455C37.9095 164.404 37.5 163.42 37.5 162.5H33.5ZM37.5 162.5V51.5H33.5V162.5H37.5ZM35.5 53.5H37.5V49.5H35.5V53.5ZM35.5 51.5V162.5H39.5V51.5H35.5ZM40.3447 164.109C39.6126 163.304 39.5 162.779 39.5 162.5H35.5C35.5 164.063 36.2079 165.506 37.3855 166.8L40.3447 164.109ZM44.1957 166.858C42.3397 165.87 41.0934 164.932 40.3447 164.109L37.3855 166.8C38.5569 168.088 40.2371 169.283 42.3172 170.389L44.1957 166.858ZM60.59 172.301C53.464 170.698 47.9026 168.83 44.1957 166.858L42.3172 170.389C46.4792 172.603 52.4359 174.566 59.7119 176.204L60.59 172.301ZM116.5 177.5C94.5621 177.5 74.7935 175.497 60.59 172.301L59.7119 176.204C74.2803 179.481 94.3574 181.5 116.5 181.5V177.5ZM172.41 172.301C158.207 175.497 138.438 177.5 116.5 177.5V181.5C138.643 181.5 158.72 179.481 173.288 176.204L172.41 172.301ZM188.804 166.858C185.097 168.83 179.536 170.698 172.41 172.301L173.288 176.204C180.564 174.566 186.521 172.603 190.683 170.389L188.804 166.858ZM192.655 164.109C191.907 164.932 190.66 165.87 188.804 166.858L190.683 170.389C192.763 169.283 194.443 168.088 195.614 166.8L192.655 164.109ZM193.5 162.5C193.5 162.779 193.387 163.304 192.655 164.109L195.614 166.8C196.792 165.506 197.5 164.063 197.5 162.5H193.5Z" fill="#242770" mask="url(#path-4-inside-1_3572_1305)"/>
  <path class="tb-shape-stroke" opacity="0.1" d="M196.5 51.5C196.5 42 159 33.5 116.5 33.5C72.3172 33.5 36.5 42.5 36.5 51.5" stroke="#242770" stroke-width="2"/>
  <path class="tb-shape-stroke" d="M116.5 71.5C62.5 71.5 36.5 61.9457 36.5 51.6607C36.5 41.3757 91.0039 29.0147 97.4253 27.5" stroke="#242770" stroke-width="2"/>
  <path class="tb-shape-stroke" d="M116.5 71.5C170.5 71.5 196.5 61.9457 196.5 51.6607C196.5 41.3757 141.996 29.0147 135.575 27.5" stroke="#242770" stroke-width="2"/>
  <mask id="path-9-inside-2_3572_1305" fill="white">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M98.5 23.5V27.3153C98.6396 27.4221 98.906 27.5678 99.3428 27.7309C100.212 28.0553 101.527 28.3661 103.221 28.6336C106.593 29.1661 111.289 29.5 116.5 29.5C121.711 29.5 126.407 29.1661 129.779 28.6336C131.473 28.3661 132.788 28.0553 133.657 27.7309C134.094 27.5678 134.36 27.4221 134.5 27.3153V23.5H136.5V27.5C136.5 28.1673 136.073 28.6278 135.725 28.8963C135.357 29.1798 134.878 29.41 134.357 29.6046C133.303 29.998 131.835 30.3337 130.091 30.6091C126.587 31.1624 121.782 31.5 116.5 31.5C111.218 31.5 106.413 31.1624 102.909 30.6091C101.165 30.3337 99.6972 29.998 98.6434 29.6046C98.1221 29.41 97.6426 29.1798 97.2751 28.8963C96.9271 28.6278 96.5 28.1673 96.5 27.5V23.5H98.5Z"/>
  </mask>
  <path class="tb-shape-fill" d="M98.5 27.3153H96.5V28.3031L97.2845 28.9035L98.5 27.3153ZM98.5 23.5H100.5V21.5H98.5V23.5ZM99.3428 27.7309L98.6434 29.6046L98.6434 29.6046L99.3428 27.7309ZM103.221 28.6336L103.533 26.658V26.658L103.221 28.6336ZM129.779 28.6336L130.091 30.6091L129.779 28.6336ZM133.657 27.7309L134.357 29.6046L134.357 29.6046L133.657 27.7309ZM134.5 27.3153L135.716 28.9035L136.5 28.3031V27.3153H134.5ZM134.5 23.5V21.5H132.5V23.5H134.5ZM136.5 23.5H138.5V21.5H136.5V23.5ZM135.725 28.8963L136.947 30.4797L136.947 30.4797L135.725 28.8963ZM134.357 29.6046L135.056 31.4783V31.4783L134.357 29.6046ZM130.091 30.6091L129.779 28.6336L130.091 30.6091ZM102.909 30.6091L103.221 28.6336H103.221L102.909 30.6091ZM98.6434 29.6046L97.9439 31.4783H97.9439L98.6434 29.6046ZM97.2751 28.8963L98.4969 27.3129L97.2751 28.8963ZM96.5 23.5V21.5H94.5V23.5H96.5ZM100.5 27.3153V23.5H96.5V27.3153H100.5ZM100.042 25.8572C99.8798 25.7965 99.7737 25.7482 99.713 25.7175C99.6453 25.6832 99.6579 25.6829 99.7155 25.7271L97.2845 28.9035C97.6501 29.1833 98.1257 29.4114 98.6434 29.6046L100.042 25.8572ZM103.533 26.658C101.889 26.3984 100.727 26.1126 100.042 25.8572L98.6434 29.6046C99.6973 29.998 101.165 30.3337 102.909 30.6091L103.533 26.658ZM116.5 27.5C111.36 27.5 106.774 27.1698 103.533 26.658L102.909 30.6091C106.413 31.1624 111.218 31.5 116.5 31.5V27.5ZM129.467 26.658C126.226 27.1698 121.64 27.5 116.5 27.5V31.5C121.782 31.5 126.587 31.1624 130.091 30.6091L129.467 26.658ZM132.958 25.8572C132.273 26.1126 131.111 26.3984 129.467 26.658L130.091 30.6091C131.835 30.3337 133.303 29.998 134.357 29.6046L132.958 25.8572ZM133.284 25.727C133.342 25.6829 133.355 25.6832 133.287 25.7175C133.226 25.7482 133.12 25.7965 132.958 25.8572L134.357 29.6046C134.874 29.4114 135.35 29.1833 135.716 28.9035L133.284 25.727ZM136.5 27.3153V23.5H132.5V27.3153H136.5ZM134.5 25.5H136.5V21.5H134.5V25.5ZM134.5 23.5V27.5H138.5V23.5H134.5ZM136.947 30.4797C137.476 30.0714 138.5 29.0945 138.5 27.5H134.5C134.5 27.4496 134.509 27.3969 134.524 27.3488C134.539 27.3029 134.556 27.2733 134.564 27.2607C134.572 27.249 134.572 27.2506 134.56 27.2632C134.548 27.2758 134.529 27.2929 134.503 27.3129L136.947 30.4797ZM135.056 31.4783C135.659 31.2532 136.351 30.9395 136.947 30.4797L134.503 27.3129C134.364 27.4202 134.097 27.5668 133.657 27.7309L135.056 31.4783ZM130.403 32.5846C132.197 32.3013 133.818 31.9406 135.056 31.4783L133.657 27.7309C132.788 28.0553 131.473 28.3661 129.779 28.6336L130.403 32.5846ZM116.5 33.5C121.853 33.5 126.767 33.1587 130.403 32.5846L129.779 28.6336C126.407 29.1661 121.711 29.5 116.5 29.5V33.5ZM102.597 32.5846C106.233 33.1587 111.147 33.5 116.5 33.5V29.5C111.289 29.5 106.593 29.1661 103.221 28.6336L102.597 32.5846ZM97.9439 31.4783C99.1825 31.9406 100.803 32.3013 102.597 32.5846L103.221 28.6336C101.527 28.3661 100.212 28.0553 99.3428 27.7309L97.9439 31.4783ZM96.0533 30.4797C96.6492 30.9395 97.3408 31.2532 97.9439 31.4783L99.3428 27.7309C98.9033 27.5668 98.6359 27.4202 98.4969 27.3129L96.0533 30.4797ZM94.5 27.5C94.5 29.0945 95.5241 30.0714 96.0533 30.4797L98.4969 27.3129C98.471 27.2929 98.4521 27.2758 98.4399 27.2632C98.4276 27.2506 98.4283 27.249 98.4359 27.2607C98.4441 27.2733 98.4611 27.3029 98.4759 27.3488C98.4914 27.3969 98.5 27.4496 98.5 27.5H94.5ZM94.5 23.5V27.5H98.5V23.5H94.5ZM98.5 21.5H96.5V25.5H98.5V21.5Z" fill="#242770" mask="url(#path-9-inside-2_3572_1305)"/>
  <path class="tb-shape-stroke" d="M135.395 23.409C135.434 23.4472 135.46 23.4775 135.477 23.5C135.46 23.5225 135.434 23.5528 135.395 23.591C135.239 23.7432 134.956 23.9378 134.501 24.153C133.596 24.5808 132.223 24.9925 130.446 25.3478C126.909 26.0553 121.978 26.5 116.5 26.5C111.022 26.5 106.091 26.0553 102.554 25.3478C100.777 24.9925 99.404 24.5808 98.4992 24.153C98.0442 23.9378 97.761 23.7432 97.6053 23.591C97.5662 23.5528 97.5402 23.5225 97.5231 23.5C97.5402 23.4775 97.5662 23.4472 97.6053 23.409C97.761 23.2568 98.0442 23.0622 98.4992 22.847C99.404 22.4192 100.777 22.0075 102.554 21.6522C106.091 20.9447 111.022 20.5 116.5 20.5C121.978 20.5 126.909 20.9447 130.446 21.6522C132.223 22.0075 133.596 22.4192 134.501 22.847C134.956 23.0622 135.239 23.2568 135.395 23.409Z" stroke="#242770" stroke-width="2"/>  <g class="container-overlay" clip-path="url(#clip1_3572_1305)">
    <g filter="url(#filter0_b_3572_1305)">
      <rect class="absolute-overlay" x="76" y="91" width="81" height="61" rx="4" fill="white" fill-opacity="0.76"/>
      <foreignObject class="absolute-value-container" x="76" y="91" width="81" height="61">
      </foreignObject>
    </g>
    <g filter="url(#filter1_b_3572_1305)">
      <rect class="percentage-overlay" x="80.5" y="101.5" width="71" height="40" rx="4" fill="white" fill-opacity="0.76"/>
      <foreignObject class="percentage-value-container" x="80.5" y="101.5" width="71" height="40">
      </foreignObject>
    </g>
  </g>
  <defs>
    <filter id="filter0_b_3572_1305" x="70" y="85" width="93" height="73" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feGaussianBlur in="BackgroundImageFix" stdDeviation="3"/>
      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3572_1305"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_1305" result="shape"/>
    </filter>
    <filter id="filter1_b_3572_1305" x="74.5" y="95.5" width="83" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feGaussianBlur in="BackgroundImageFix" stdDeviation="3"/>
      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3572_1305"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_1305" result="shape"/>
    </filter>
    <clipPath id="clip0_3572_1305">
      <rect width="154" height="138" fill="white" transform="translate(39.5 39.5)"/>
    </clipPath>
    <clipPath id="clip1_3572_1305">
      <rect width="81" height="61" fill="white" transform="translate(76 91)"/>
    </clipPath>
  </defs>
</svg>