horizontal-ellipse.svg
12.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 233 201" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3572_6212)">
<path class="tb-shape-stroke" opacity="0.1" d="M152.5 61.5C174.43 61.5 194.237 67.1687 208.531 76.2808C222.836 85.4003 231.5 97.8764 231.5 111.5C231.5 125.124 222.836 137.6 208.531 146.719C194.237 155.831 174.43 161.5 152.5 161.5C130.57 161.5 110.763 155.831 96.469 146.719C82.1639 137.6 73.5 125.124 73.5 111.5C73.5 97.8764 82.1639 85.4003 96.469 76.2808C110.763 67.1687 130.57 61.5 152.5 61.5Z" fill="#6216FF" fill-opacity="0.02" stroke="#242770" stroke-width="2"/>
<mask id="mask0_3572_6212" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="64" width="223" height="95">
<mask id="path-2-inside-1_3572_6212" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M71.5 64.8349V64.5L80.4756 64.5C80.4838 64.5 80.4919 64.5 80.5 64.5C80.5081 64.5 80.5162 64.5 80.5244 64.5L152.5 64.5L162.5 64.5V64.9141C199.194 67.9779 227.5 87.6674 227.5 111.5C227.5 135.333 199.194 155.022 162.5 158.086L162.5 158.5L152.5 158.5H80.5H71.5V158.165C34.322 155.379 5.5 135.549 5.5 111.5C5.5 87.4513 34.322 67.6212 71.5 64.8349Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M71.5 64.8349V64.5L80.4756 64.5C80.4838 64.5 80.4919 64.5 80.5 64.5C80.5081 64.5 80.5162 64.5 80.5244 64.5L152.5 64.5L162.5 64.5V64.9141C199.194 67.9779 227.5 87.6674 227.5 111.5C227.5 135.333 199.194 155.022 162.5 158.086L162.5 158.5L152.5 158.5H80.5H71.5V158.165C34.322 155.379 5.5 135.549 5.5 111.5C5.5 87.4513 34.322 67.6212 71.5 64.8349Z" fill="#7F84FB"/>
<path class="tb-shape-fill" d="M71.5 64.5V62.5L69.5 62.5V64.5H71.5ZM71.5 64.8349L71.6495 66.8293L73.5 66.6906V64.8349H71.5ZM80.4756 64.5V66.5H80.476L80.4756 64.5ZM80.5244 64.5L80.524 66.5H80.5244V64.5ZM152.5 64.5V66.5V64.5ZM162.5 64.5H164.5V62.5H162.5V64.5ZM162.5 64.9141H160.5V66.7541L162.334 66.9072L162.5 64.9141ZM162.5 158.086L162.334 156.093L160.5 156.246L160.5 158.086L162.5 158.086ZM162.5 158.5V160.5L164.5 160.5L164.5 158.5L162.5 158.5ZM152.5 158.5V160.5V158.5ZM71.5 158.5H69.5V160.5H71.5V158.5ZM71.5 158.165H73.5V156.309L71.6495 156.171L71.5 158.165ZM69.5 64.5V64.8349H73.5V64.5H69.5ZM80.4756 62.5L71.5 62.5V66.5L80.4756 66.5V62.5ZM80.476 66.5C80.484 66.5 80.492 66.5 80.5 66.5V62.5C80.4917 62.5 80.4835 62.5 80.4752 62.5L80.476 66.5ZM80.5 66.5C80.508 66.5 80.516 66.5 80.524 66.5L80.5248 62.5C80.5165 62.5 80.5083 62.5 80.5 62.5V66.5ZM152.5 62.5L80.5244 62.5V66.5L152.5 66.5V62.5ZM162.5 62.5L152.5 62.5V66.5L162.5 66.5V62.5ZM164.5 64.9141V64.5H160.5V64.9141H164.5ZM229.5 111.5C229.5 98.7275 221.913 87.3081 209.918 78.7882C197.912 70.2601 181.303 64.4771 162.666 62.9211L162.334 66.9072C180.391 68.4149 196.282 74.0085 207.602 82.0493C218.934 90.0982 225.5 100.44 225.5 111.5H229.5ZM162.666 160.079C181.303 158.523 197.912 152.74 209.918 144.212C221.913 135.692 229.5 124.272 229.5 111.5H225.5C225.5 122.56 218.934 132.902 207.602 140.951C196.282 148.992 180.391 154.585 162.334 156.093L162.666 160.079ZM164.5 158.5L164.5 158.086L160.5 158.086L160.5 158.5L164.5 158.5ZM152.5 160.5L162.5 160.5V156.5L152.5 156.5V160.5ZM80.5 160.5H152.5V156.5H80.5V160.5ZM71.5 160.5H80.5V156.5H71.5V160.5ZM69.5 158.165V158.5H73.5V158.165H69.5ZM71.6495 156.171C53.3524 154.799 37.2139 149.238 25.7066 141.168C14.1863 133.09 7.5 122.66 7.5 111.5H3.5C3.5 124.389 11.2247 135.898 23.4099 144.443C35.608 152.998 52.4696 158.744 71.3505 160.159L71.6495 156.171ZM7.5 111.5C7.5 100.34 14.1863 89.9103 25.7065 81.8316C37.2139 73.7618 53.3524 68.2006 71.6495 66.8293L71.3505 62.8405C52.4696 64.2555 35.608 70.0025 23.4099 78.5566C11.2247 87.1017 3.5 98.6114 3.5 111.5H7.5Z" fill="#242770" mask="url(#path-2-inside-1_3572_6212)"/>
</mask>
<g mask="url(#mask0_3572_6212)">
<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_6212" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.5 60.5156C81.8353 60.5052 81.1686 60.5 80.5 60.5C36.3172 60.5 0.499997 83.3335 0.499998 111.5C0.499999 139.667 36.3172 162.5 80.5 162.5C81.1686 162.5 81.8353 162.495 82.5 162.484L82.5 162.5L150.5 162.5L150.5 162.484C151.165 162.495 151.831 162.5 152.5 162.5C196.683 162.5 232.5 139.667 232.5 111.5C232.5 83.3335 196.683 60.5 152.5 60.5C151.831 60.5 151.165 60.5052 150.5 60.5156L150.5 60.5L82.5 60.5L82.5 60.5156Z"/>
</mask>
<path class="tb-shape-fill" d="M82.5 60.5156L82.4687 62.5154L84.5 62.5472L84.5 60.5156L82.5 60.5156ZM82.5 162.484L84.5 162.484L84.5 160.453L82.4687 160.485L82.5 162.484ZM82.5 162.5L80.5 162.5L80.5 164.5L82.5 164.5L82.5 162.5ZM150.5 162.5L150.5 164.5L152.5 164.5L152.5 162.5L150.5 162.5ZM150.5 162.484L150.531 160.485L148.5 160.453L148.5 162.484L150.5 162.484ZM152.5 162.5L152.5 160.5L152.5 162.5ZM150.5 60.5156L148.5 60.5156L148.5 62.5472L150.531 62.5154L150.5 60.5156ZM150.5 60.5L152.5 60.5L152.5 58.5L150.5 58.5L150.5 60.5ZM82.5 60.5L82.5 58.5L80.5 58.5L80.5 60.5L82.5 60.5ZM80.5 62.5C81.1582 62.5 81.8144 62.5051 82.4687 62.5154L82.5313 58.5159C81.8562 58.5053 81.179 58.5 80.5 58.5L80.5 62.5ZM2.5 111.5C2.5 98.336 10.8734 86.1339 25.0066 77.124C39.1164 68.129 58.7309 62.5 80.5 62.5L80.5 58.5C58.0863 58.5 37.7008 64.2878 22.8563 73.7511C8.0352 83.1996 -1.5 96.4975 -1.5 111.5L2.5 111.5ZM80.5 160.5C58.7309 160.5 39.1164 154.871 25.0066 145.876C10.8734 136.866 2.5 124.664 2.5 111.5L-1.5 111.5C-1.5 126.503 8.0352 139.8 22.8563 149.249C37.7008 158.712 58.0863 164.5 80.5 164.5L80.5 160.5ZM82.4687 160.485C81.8145 160.495 81.1582 160.5 80.5 160.5L80.5 164.5C81.179 164.5 81.8562 164.495 82.5313 164.484L82.4687 160.485ZM80.5 162.484L80.5 162.5L84.5 162.5L84.5 162.484L80.5 162.484ZM82.5 164.5L150.5 164.5L150.5 160.5L82.5 160.5L82.5 164.5ZM152.5 162.5L152.5 162.484L148.5 162.484L148.5 162.5L152.5 162.5ZM150.469 164.484C151.144 164.495 151.821 164.5 152.5 164.5L152.5 160.5C151.842 160.5 151.186 160.495 150.531 160.485L150.469 164.484ZM152.5 164.5C174.914 164.5 195.299 158.712 210.144 149.249C224.965 139.8 234.5 126.503 234.5 111.5L230.5 111.5C230.5 124.664 222.127 136.866 207.993 145.876C193.884 154.871 174.269 160.5 152.5 160.5L152.5 164.5ZM234.5 111.5C234.5 96.4975 224.965 83.1996 210.144 73.7511C195.299 64.2878 174.914 58.5 152.5 58.5L152.5 62.5C174.269 62.5 193.884 68.129 207.993 77.124C222.127 86.1339 230.5 98.336 230.5 111.5L234.5 111.5ZM152.5 58.5C151.821 58.5 151.144 58.5053 150.469 58.5159L150.531 62.5154C151.186 62.5051 151.842 62.5 152.5 62.5L152.5 58.5ZM152.5 60.5156L152.5 60.5L148.5 60.5L148.5 60.5156L152.5 60.5156ZM150.5 58.5L82.5 58.5L82.5 62.5L150.5 62.5L150.5 58.5ZM80.5 60.5L80.5 60.5156L84.5 60.5156L84.5 60.5L80.5 60.5Z" fill="#242770" mask="url(#path-6-inside-2_3572_6212)"/>
<path class="tb-shape-stroke" d="M80.5 61.5C102.43 61.5 122.237 67.1687 136.531 76.2808C150.836 85.4003 159.5 97.8764 159.5 111.5C159.5 125.124 150.836 137.6 136.531 146.719C122.237 155.831 102.43 161.5 80.5 161.5C58.5698 161.5 38.7625 155.831 24.469 146.719C10.1639 137.6 1.5 125.124 1.5 111.5C1.5 97.8764 10.1639 85.4003 24.469 76.2808C38.7625 67.1687 58.5698 61.5 80.5 61.5Z" stroke="#242770" stroke-width="2"/>
<mask id="path-9-inside-3_3572_6212" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M143.5 44.5H114.5V62.5C114.5 64.1569 120.992 65.5 129 65.5C137.008 65.5 143.5 64.1569 143.5 62.5V44.5Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M143.5 44.5H114.5V62.5C114.5 64.1569 120.992 65.5 129 65.5C137.008 65.5 143.5 64.1569 143.5 62.5V44.5Z"/>
<path class="tb-shape-fill" d="M114.5 44.5V42.5H112.5V44.5H114.5ZM143.5 44.5H145.5V42.5H143.5V44.5ZM114.5 46.5H143.5V42.5H114.5V46.5ZM116.5 62.5V44.5H112.5V62.5H116.5ZM129 63.5C125.09 63.5 121.607 63.1707 119.152 62.6628C117.908 62.4055 117.034 62.1232 116.518 61.8712C116.257 61.7431 116.191 61.6721 116.217 61.6982C116.248 61.7304 116.5 62.0048 116.5 62.5H112.5C112.5 63.4095 112.954 64.0882 113.373 64.511C113.785 64.9277 114.289 65.2334 114.761 65.4643C115.713 65.9301 116.962 66.2943 118.342 66.5798C121.135 67.1577 124.902 67.5 129 67.5V63.5ZM141.5 62.5C141.5 62.0048 141.752 61.7304 141.783 61.6982C141.809 61.6721 141.743 61.7431 141.482 61.8712C140.966 62.1232 140.092 62.4055 138.848 62.6628C136.393 63.1707 132.91 63.5 129 63.5V67.5C133.098 67.5 136.865 67.1577 139.658 66.5798C141.038 66.2943 142.287 65.9301 143.239 65.4643C143.711 65.2334 144.215 64.9277 144.627 64.511C145.046 64.0882 145.5 63.4095 145.5 62.5H141.5ZM141.5 44.5V62.5H145.5V44.5H141.5Z" fill="#242770" mask="url(#path-9-inside-3_3572_6212)"/>
<path class="tb-shape-stroke" d="M143.541 45.3323C143.541 45.3323 143.54 45.3332 143.539 45.3349C143.54 45.3332 143.541 45.3323 143.541 45.3323ZM142.866 45.2416C143.077 45.338 143.231 45.4258 143.341 45.5C143.231 45.5742 143.077 45.662 142.866 45.7584C142.187 46.0692 141.141 46.3742 139.77 46.6395C137.045 47.167 133.236 47.5 129 47.5C124.764 47.5 120.955 47.167 118.23 46.6395C116.859 46.3742 115.813 46.0692 115.134 45.7584C114.923 45.662 114.769 45.5742 114.659 45.5C114.769 45.4258 114.923 45.338 115.134 45.2416C115.813 44.9308 116.859 44.6258 118.23 44.3605C120.955 43.833 124.764 43.5 129 43.5C133.236 43.5 137.045 43.833 139.77 44.3605C141.141 44.6258 142.187 44.9308 142.866 45.2416ZM114.659 45.3323C114.659 45.3323 114.66 45.3332 114.661 45.3349C114.66 45.3332 114.659 45.3323 114.659 45.3323ZM114.659 45.6677C114.659 45.6677 114.66 45.6668 114.661 45.6651C114.66 45.6668 114.659 45.6677 114.659 45.6677ZM143.539 45.6651C143.54 45.6668 143.541 45.6677 143.541 45.6677C143.541 45.6677 143.54 45.6668 143.539 45.6651Z" stroke="#242770" stroke-width="2"/>
<path class="tb-shape-stroke" d="M143.541 42.3323C143.541 42.3323 143.54 42.3332 143.539 42.3349C143.54 42.3332 143.541 42.3323 143.541 42.3323ZM142.866 42.2416C143.077 42.338 143.231 42.4258 143.341 42.5C143.231 42.5742 143.077 42.662 142.866 42.7584C142.187 43.0692 141.141 43.3742 139.77 43.6395C137.045 44.167 133.236 44.5 129 44.5C124.764 44.5 120.955 44.167 118.23 43.6395C116.859 43.3742 115.813 43.0692 115.134 42.7584C114.923 42.662 114.769 42.5742 114.659 42.5C114.769 42.4258 114.923 42.338 115.134 42.2416C115.813 41.9308 116.859 41.6258 118.23 41.3605C120.955 40.833 124.764 40.5 129 40.5C133.236 40.5 137.045 40.833 139.77 41.3605C141.141 41.6258 142.187 41.9308 142.866 42.2416ZM114.659 42.3323C114.659 42.3323 114.66 42.3332 114.661 42.3349C114.66 42.3332 114.659 42.3323 114.659 42.3323ZM114.659 42.6677C114.659 42.6677 114.66 42.6668 114.661 42.6651C114.66 42.6668 114.659 42.6677 114.659 42.6677ZM143.539 42.6651C143.54 42.6668 143.541 42.6677 143.541 42.6677C143.541 42.6677 143.54 42.6668 143.539 42.6651Z" stroke="#242770" stroke-width="2"/>
</g>
<g class="container-overlay" clip-path="url(#clip1_3572_6212)">
<g filter="url(#filter0_b_3572_6212)">
<rect class="absolute-overlay" x="40" y="81" width="81" height="61" rx="4" fill="white" fill-opacity="0.76"/>
<foreignObject class="absolute-value-container" x="40" y="81" width="81" height="61">
</foreignObject>
</g>
<g filter="url(#filter1_b_3572_6212)">
<rect class="percentage-overlay" x="44.5" y="91.5" width="71" height="40" rx="4" fill="white" fill-opacity="0.76"/>
<foreignObject class="percentage-value-container" x="44.5" y="91.5" width="71" height="40">
</foreignObject>
</g>
</g>
<defs>
<filter id="filter0_b_3572_6212" x="34" y="75" 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_6212"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_6212" result="shape"/>
</filter>
<filter id="filter1_b_3572_6212" x="38.5" y="85.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_6212"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_6212" result="shape"/>
</filter>
<clipPath id="clip0_3572_6212">
<rect width="232" height="200" fill="white" transform="translate(0.5 0.5)"/>
</clipPath>
<clipPath id="clip1_3572_6212">
<rect width="81" height="61" fill="white" transform="translate(40 81)"/>
</clipPath>
</defs>
</svg>