horizontal-oval.svg 10.3 KB
<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 233 201" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_3572_10610)">
    <rect class="tb-shape-stroke" opacity="0.1" x="91.5" y="60.5" width="140" height="100" rx="50" fill="#6216FF" fill-opacity="0.02" stroke="#242770" stroke-width="2"/>
    <mask id="mask0_3572_10610" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="63" width="225" height="95">
      <mask id="path-2-inside-1_3572_10610" fill="white">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M49.5 63.5418C24.4703 64.5896 4.5 85.2127 4.5 110.5C4.5 135.787 24.4703 156.41 49.5 157.458V157.5L180.5 157.5L181.5 157.5C207.457 157.5 228.5 136.457 228.5 110.5C228.5 84.5426 207.457 63.5 181.5 63.5L145.5 63.5L145.428 63.5001L92.5754 63.5001C92.5503 63.5 92.5251 63.5 92.5 63.5H51.5C51.4745 63.5 51.449 63.5 51.4235 63.5001L49.5 63.5001V63.5418Z"/>
      </mask>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M49.5 63.5418C24.4703 64.5896 4.5 85.2127 4.5 110.5C4.5 135.787 24.4703 156.41 49.5 157.458V157.5L180.5 157.5L181.5 157.5C207.457 157.5 228.5 136.457 228.5 110.5C228.5 84.5426 207.457 63.5 181.5 63.5L145.5 63.5L145.428 63.5001L92.5754 63.5001C92.5503 63.5 92.5251 63.5 92.5 63.5H51.5C51.4745 63.5 51.449 63.5 51.4235 63.5001L49.5 63.5001V63.5418Z" fill="#7F84FB"/>
      <path class="tb-shape-fill" d="M49.5 63.5418L49.5837 65.54L51.5 65.4598V63.5418H49.5ZM49.5 157.458H51.5V155.54L49.5837 155.46L49.5 157.458ZM49.5 157.5H47.5V159.5H49.5V157.5ZM180.5 157.5V159.5H180.5L180.5 157.5ZM181.5 157.5V155.5H181.5L181.5 157.5ZM181.5 63.5V61.5V63.5ZM145.5 63.5V61.5L145.499 61.5L145.5 63.5ZM145.428 63.5001V65.5001L145.43 65.5001L145.428 63.5001ZM92.5754 63.5001L92.5722 65.5001H92.5754V63.5001ZM51.4235 63.5001V65.5001L51.4267 65.5001L51.4235 63.5001ZM49.5 63.5001V61.5001L47.5 61.5001V63.5001H49.5ZM6.5 110.5C6.5 86.2892 25.6205 66.5432 49.5837 65.54L49.4163 61.5435C23.3201 62.636 2.5 84.1361 2.5 110.5H6.5ZM49.5837 155.46C25.6205 154.457 6.5 134.711 6.5 110.5H2.5C2.5 136.864 23.3201 158.364 49.4164 159.456L49.5837 155.46ZM47.5 157.458V157.5H51.5V157.458H47.5ZM49.5 159.5L180.5 159.5V155.5L49.5 155.5V159.5ZM180.5 159.5L181.5 159.5L181.5 155.5L180.5 155.5L180.5 159.5ZM181.5 159.5C208.562 159.5 230.5 137.562 230.5 110.5H226.5C226.5 135.353 206.353 155.5 181.5 155.5V159.5ZM230.5 110.5C230.5 83.4381 208.562 61.5 181.5 61.5V65.5C206.353 65.5 226.5 85.6472 226.5 110.5H230.5ZM181.5 61.5L145.5 61.5V65.5L181.5 65.5V61.5ZM145.499 61.5L145.427 61.5001L145.43 65.5001L145.501 65.5L145.499 61.5ZM145.428 61.5001L92.5754 61.5001V65.5001L145.428 65.5001V61.5001ZM92.5 65.5C92.5241 65.5 92.5482 65.5 92.5722 65.5001L92.5785 61.5001C92.5523 61.5 92.5262 61.5 92.5 61.5V65.5ZM51.5 65.5H92.5V61.5H51.5V65.5ZM51.4267 65.5001C51.4511 65.5 51.4756 65.5 51.5 65.5V61.5C51.4734 61.5 51.4469 61.5 51.4203 61.5001L51.4267 65.5001ZM51.4235 61.5001L49.5 61.5001V65.5001H51.4235V61.5001ZM47.5 63.5001V63.5418H51.5V63.5001H47.5Z" fill="#242770" mask="url(#path-2-inside-1_3572_10610)"/>
    </mask>
    <g mask="url(#mask0_3572_10610)">
      <rect class="tb-liquid-fill tb-liquid" x="4.5" y="118.5" width="224" height="100" fill="#7A8BFF"/>
      <rect class="tb-liquid-surface tb-liquid" x="4.5" y="118.5" width="224" height="1" fill="#7A8BFF"/>
      <rect class="tb-liquid-surface" x="4.5" y="118.5" width="224" height="1" fill="white" fill-opacity="0.1"/>
    </g>
    <mask id="path-6-inside-2_3572_10610" fill="white">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M49.5 59.5385C22.2605 60.5889 0.499999 83.0032 0.499998 110.5C0.499999 137.997 22.2605 160.411 49.5 161.461L49.5 161.5L51.4679 161.5C51.4786 161.5 51.4893 161.5 51.5 161.5L92.5 161.5C92.5116 161.5 92.5233 161.5 92.5349 161.5L141.468 161.5L141.5 161.5L181.5 161.5C209.667 161.5 232.5 138.667 232.5 110.5C232.5 82.3335 209.667 59.5 181.5 59.5L180.5 59.5L141.5 59.5L92.5 59.5L51.5 59.5L49.5 59.5L49.5 59.5385Z"/>
    </mask>
    <path class="tb-shape-fill" d="M0.499998 110.5L-1.5 110.5L0.499998 110.5ZM49.5 59.5385L49.5771 61.537L51.5 61.4629L51.5 59.5385L49.5 59.5385ZM49.5 161.461L51.5 161.461L51.5 159.537L49.5771 159.463L49.5 161.461ZM49.5 161.5L47.5 161.5L47.5 163.5L49.5 163.5L49.5 161.5ZM51.4679 161.5L51.4692 159.5L51.4679 159.5L51.4679 161.5ZM51.5 161.5L51.5 163.5L51.5 161.5ZM92.5 161.5L92.5 163.5L92.5 161.5ZM92.5349 161.5L92.5349 159.5L92.5335 159.5L92.5349 161.5ZM141.468 161.5L141.468 159.5L141.468 159.5L141.468 161.5ZM141.5 161.5L141.499 163.5L141.5 163.5L141.5 161.5ZM181.5 161.5L181.5 163.5L181.5 161.5ZM181.5 59.5L181.5 61.5L181.5 61.5L181.5 59.5ZM180.5 59.5L180.5 57.5L180.5 57.5L180.5 59.5ZM141.5 59.5L141.5 57.5L141.5 59.5ZM92.5 59.5L92.5 61.5L92.5 59.5ZM51.5 59.5L51.5 57.5L51.5 59.5ZM49.5 59.5L49.5 57.5L47.5 57.5L47.5 59.5L49.5 59.5ZM2.5 110.5C2.5 84.082 23.4072 62.5462 49.5771 61.537L49.4229 57.54C21.1138 58.6316 -1.5 81.9245 -1.5 110.5L2.5 110.5ZM49.5771 159.463C23.4072 158.454 2.5 136.918 2.5 110.5L-1.5 110.5C-1.5 139.076 21.1138 162.368 49.4229 163.46L49.5771 159.463ZM47.5 161.461L47.5 161.5L51.5 161.5L51.5 161.461L47.5 161.461ZM49.5 163.5L51.4679 163.5L51.4679 159.5L49.5 159.5L49.5 163.5ZM51.5 159.5C51.4897 159.5 51.4795 159.5 51.4692 159.5L51.4667 163.5C51.4778 163.5 51.4889 163.5 51.5 163.5L51.5 159.5ZM92.5 159.5L51.5 159.5L51.5 163.5L92.5 163.5L92.5 159.5ZM92.5335 159.5C92.5224 159.5 92.5112 159.5 92.5 159.5L92.5 163.5C92.5121 163.5 92.5242 163.5 92.5362 163.5L92.5335 159.5ZM92.5349 163.5L141.468 163.5L141.468 159.5L92.5349 159.5L92.5349 163.5ZM141.467 163.5L141.499 163.5L141.501 159.5L141.468 159.5L141.467 163.5ZM141.5 163.5L181.5 163.5L181.5 159.5L141.5 159.5L141.5 163.5ZM181.5 163.5C210.771 163.5 234.5 139.771 234.5 110.5L230.5 110.5C230.5 137.562 208.562 159.5 181.5 159.5L181.5 163.5ZM234.5 110.5C234.5 81.2289 210.771 57.5 181.5 57.5L181.5 61.5C208.562 61.5 230.5 83.438 230.5 110.5L234.5 110.5ZM181.5 57.5L180.5 57.5L180.5 61.5L181.5 61.5L181.5 57.5ZM180.5 57.5L141.5 57.5L141.5 61.5L180.5 61.5L180.5 57.5ZM141.5 57.5L92.5 57.5L92.5 61.5L141.5 61.5L141.5 57.5ZM51.5 61.5L92.5 61.5L92.5 57.5L51.5 57.5L51.5 61.5ZM51.5 57.5L49.5 57.5L49.5 61.5L51.5 61.5L51.5 57.5ZM47.5 59.5L47.5 59.5385L51.5 59.5385L51.5 59.5L47.5 59.5Z" fill="#242770" mask="url(#path-6-inside-2_3572_10610)"/>
    <rect class="tb-shape-stroke" x="1.5" y="60.5" width="141" height="100" rx="50" stroke="#242770" stroke-width="2"/>
    <mask id="path-9-inside-3_3572_10610" fill="white">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M167.5 43.5H138.5V61.5C138.5 63.1569 144.992 64.5 153 64.5C161.008 64.5 167.5 63.1569 167.5 61.5V43.5Z"/>
    </mask>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M167.5 43.5H138.5V61.5C138.5 63.1569 144.992 64.5 153 64.5C161.008 64.5 167.5 63.1569 167.5 61.5V43.5Z"/>
    <path class="tb-shape-fill" d="M138.5 43.5V41.5H136.5V43.5H138.5ZM167.5 43.5H169.5V41.5H167.5V43.5ZM138.5 45.5H167.5V41.5H138.5V45.5ZM140.5 61.5V43.5H136.5V61.5H140.5ZM153 62.5C149.09 62.5 145.607 62.1707 143.152 61.6628C141.908 61.4055 141.034 61.1232 140.518 60.8712C140.257 60.7431 140.191 60.6721 140.217 60.6982C140.248 60.7304 140.5 61.0048 140.5 61.5H136.5C136.5 62.4095 136.954 63.0882 137.373 63.511C137.785 63.9277 138.289 64.2334 138.761 64.4643C139.713 64.9301 140.962 65.2943 142.342 65.5798C145.135 66.1577 148.902 66.5 153 66.5V62.5ZM165.5 61.5C165.5 61.0048 165.752 60.7304 165.783 60.6982C165.809 60.6721 165.743 60.7431 165.482 60.8712C164.966 61.1232 164.092 61.4055 162.848 61.6628C160.393 62.1707 156.91 62.5 153 62.5V66.5C157.098 66.5 160.865 66.1577 163.658 65.5798C165.038 65.2943 166.287 64.9301 167.239 64.4643C167.711 64.2334 168.215 63.9277 168.627 63.511C169.046 63.0882 169.5 62.4095 169.5 61.5H165.5ZM165.5 43.5V61.5H169.5V43.5H165.5Z" fill="#242770" mask="url(#path-9-inside-3_3572_10610)"/>
    <path class="tb-shape-stroke" d="M167.541 44.5C166.866 44.7584 165.141 45.3742 163.77 45.6395C161.045 46.167 157.236 46.5 153 46.5C148.764 46.5 144.955 46.167 142.23 45.6395C140.859 45.3742 139.134 44.7584 138.459 44.5C139.134 44.2416 140.859 43.6258 142.23 43.3605C144.955 42.833 148.764 42.5 153 42.5C157.236 42.5 161.045 42.833 163.77 43.3605C165.141 43.6258 166.866 44.2416 167.541 44.5Z" stroke="#242770" stroke-width="2"/>
    <path class="tb-shape-stroke" d="M167.541 41.5C166.866 41.7584 165.141 42.3742 163.77 42.6395C161.045 43.167 157.236 43.5 153 43.5C148.764 43.5 144.955 43.167 142.23 42.6395C140.859 42.3742 139.134 41.7584 138.459 41.5C139.134 41.2416 140.859 40.6258 142.23 40.3605C144.955 39.833 148.764 39.5 153 39.5C157.236 39.5 161.045 39.833 163.77 40.3605C165.141 40.6258 166.866 41.2416 167.541 41.5Z" stroke="#242770" stroke-width="2"/>
  </g>
  <g class="container-overlay" clip-path="url(#clip1_3572_10610)">
    <g filter="url(#filter0_b_3572_10610)">
      <rect class="absolute-overlay" x="32" y="80" width="81" height="61" rx="4" fill="white" fill-opacity="0.76"/>
      <foreignObject class="absolute-value-container" x="32" y="80" width="81" height="61">
      </foreignObject>
    </g>
    <g filter="url(#filter1_b_3572_10610)">
      <rect class="percentage-overlay" x="36.5" y="90.5" width="71" height="40" rx="4" fill="white" fill-opacity="0.76"/>
      <foreignObject class="percentage-value-container" x="36.5" y="90.5" width="71" height="40">
      </foreignObject>
    </g>
  </g>
  <defs>
    <filter id="filter0_b_3572_10610" x="26" y="74" 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_10610"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_10610" result="shape"/>
    </filter>
    <filter id="filter1_b_3572_10610" x="30.5" y="84.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_10610"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_10610" result="shape"/>
    </filter>
    <clipPath id="clip0_3572_10610">
      <rect width="232" height="200" fill="white" transform="translate(0.5 0.5)"/>
    </clipPath>
    <clipPath id="clip1_3572_10610">
      <rect width="81" height="61" fill="white" transform="translate(32 80)"/>
    </clipPath>
  </defs>
</svg>