简柏林 / thingsboard · Files

vertical-oval.svg 11.3 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 
<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 233 201" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect class="tb-shape-stroke" opacity="0.1" x="139.5" y="48.5" width="80" height="125" rx="40" fill="#6216FF" fill-opacity="0.02" stroke="#242770" stroke-width="2"/>
  <mask id="mask0_3572_10305" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="17" y="51" width="200" height="120">
    <mask id="path-2-inside-1_3572_10305" fill="white">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M53.5 51.5133C33.5277 52.0432 17.5 68.3999 17.5 88.5V133.5C17.5 153.6 33.5278 169.957 53.5 170.487V170.5H54.476C54.484 170.5 54.492 170.5 54.5 170.5C54.508 170.5 54.516 170.5 54.524 170.5H179.462L179.5 170.5C199.935 170.5 216.5 153.935 216.5 133.5V88.5C216.5 68.0655 199.935 51.5 179.5 51.5L54.5239 51.5C54.5159 51.5 54.508 51.5 54.5 51.5C54.492 51.5 54.4841 51.5 54.4761 51.5L53.5 51.5V51.5133Z"/>
    </mask>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M53.5 51.5133C33.5277 52.0432 17.5 68.3999 17.5 88.5V133.5C17.5 153.6 33.5278 169.957 53.5 170.487V170.5H54.476C54.484 170.5 54.492 170.5 54.5 170.5C54.508 170.5 54.516 170.5 54.524 170.5H179.462L179.5 170.5C199.935 170.5 216.5 153.935 216.5 133.5V88.5C216.5 68.0655 199.935 51.5 179.5 51.5L54.5239 51.5C54.5159 51.5 54.508 51.5 54.5 51.5C54.492 51.5 54.4841 51.5 54.4761 51.5L53.5 51.5V51.5133Z" fill="#7F84FB"/>
    <path class="tb-shape-fill" d="M53.5 51.5133L53.553 53.5125L55.5 53.4609V51.5133H53.5ZM53.5 170.487H55.5V168.539L53.553 168.487L53.5 170.487ZM53.5 170.5H51.5V172.5H53.5V170.5ZM179.462 170.5L179.463 168.5H179.462V170.5ZM179.5 170.5L179.499 172.5H179.5V170.5ZM179.5 51.5V49.5V51.5ZM54.5239 51.5L54.5227 53.5H54.5239V51.5ZM54.4761 51.5V53.5L54.4773 53.5L54.4761 51.5ZM53.5 51.5V49.5L51.5 49.5V51.5H53.5ZM19.5 88.5C19.5 69.4867 34.6614 54.0138 53.553 53.5125L53.4469 49.514C32.3941 50.0726 15.5 67.313 15.5 88.5H19.5ZM19.5 133.5V88.5H15.5V133.5H19.5ZM53.553 168.487C34.6614 167.986 19.5 152.513 19.5 133.5H15.5C15.5 154.687 32.3941 171.927 53.447 172.486L53.553 168.487ZM51.5 170.487V170.5H55.5V170.487H51.5ZM53.5 172.5H54.476V168.5H53.5V172.5ZM54.5 168.5C54.4966 168.5 54.493 168.5 54.4889 168.5C54.485 168.5 54.4805 168.5 54.476 168.5V172.5C54.4794 172.5 54.483 172.5 54.487 172.5C54.491 172.5 54.4954 172.5 54.5 172.5V168.5ZM54.524 168.5C54.5195 168.5 54.515 168.5 54.5111 168.5C54.507 168.5 54.5034 168.5 54.5 168.5V172.5C54.5046 172.5 54.509 172.5 54.513 172.5C54.517 172.5 54.5206 172.5 54.524 172.5V168.5ZM54.524 172.5H179.462V168.5H54.524V172.5ZM179.461 172.5L179.499 172.5L179.501 168.5L179.463 168.5L179.461 172.5ZM179.5 172.5C201.039 172.5 218.5 155.039 218.5 133.5H214.5C214.5 152.83 198.83 168.5 179.5 168.5V172.5ZM218.5 133.5V88.5H214.5V133.5H218.5ZM218.5 88.5C218.5 66.9609 201.039 49.5 179.5 49.5V53.5C198.83 53.5 214.5 69.17 214.5 88.5H218.5ZM179.5 49.5L54.5239 49.5V53.5L179.5 53.5V49.5ZM54.5 53.5C54.5075 53.5 54.5151 53.5 54.5227 53.5L54.5252 49.5C54.5168 49.5 54.5084 49.5 54.5 49.5V53.5ZM54.4773 53.5C54.4849 53.5 54.4924 53.5 54.5 53.5V49.5C54.4916 49.5 54.4832 49.5 54.4748 49.5L54.4773 53.5ZM54.4761 49.5H53.5V53.5H54.4761V49.5ZM51.5 51.5V51.5133H55.5V51.5H51.5Z" fill="#242770" mask="url(#path-2-inside-1_3572_10305)"/>
  </mask>
  <g mask="url(#mask0_3572_10305)">
    <rect class="tb-liquid-fill tb-liquid" x="17.5" y="118.5" width="199" height="120" fill="#7A8BFF"/>
    <rect class="tb-liquid-surface tb-liquid" x="17.5" y="118.5" width="199" height="1" fill="#7A8BFF"/>
    <rect class="tb-liquid-surface" x="17.5" y="118.5" width="199" height="1" fill="white" fill-opacity="0.1"/>
  </g>
  <mask id="path-6-inside-2_3572_10305" fill="white">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M53.5 47.512C31.3183 48.0429 13.5 66.1906 13.5 88.5L13.5 133.5C13.5 155.809 31.3183 173.957 53.5 174.488L53.5 174.5L54.4716 174.5C54.4811 174.5 54.4905 174.5 54.5 174.5C54.5094 174.5 54.5189 174.5 54.5283 174.5L179.472 174.5L179.5 174.5C202.144 174.5 220.5 156.144 220.5 133.5L220.5 88.5C220.5 65.8563 202.144 47.5 179.5 47.5L54.5 47.5L53.5 47.5L53.5 47.512Z"/>
  </mask>
  <path class="tb-shape-fill" d="M13.5 88.5L11.5 88.5L13.5 88.5ZM53.5 47.512L53.5479 49.5114L55.5 49.4647L55.5 47.512L53.5 47.512ZM13.5 133.5L15.5 133.5L13.5 133.5ZM53.5 174.488L55.5 174.488L55.5 172.535L53.5479 172.489L53.5 174.488ZM53.5 174.5L51.5 174.5L51.5 176.5L53.5 176.5L53.5 174.5ZM54.4716 174.5L54.473 172.5L54.4716 172.5L54.4716 174.5ZM54.5 174.5L54.5 176.5L54.5 174.5ZM54.5283 174.5L54.5283 172.5L54.527 172.5L54.5283 174.5ZM179.472 174.5L179.472 172.5L179.472 174.5ZM179.5 174.5L179.5 172.5L179.5 174.5ZM220.5 133.5L222.5 133.5L220.5 133.5ZM220.5 88.5L218.5 88.5L220.5 88.5ZM179.5 47.5L179.5 45.5L179.5 47.5ZM54.5 47.5L54.5 49.5L54.5 49.5L54.5 47.5ZM53.5 47.5L53.5 45.5L51.5 45.5L51.5 47.5L53.5 47.5ZM15.5 88.5C15.5 67.2792 32.4492 50.0164 53.5479 49.5114L53.4521 45.5125C30.1875 46.0694 11.5 65.1021 11.5 88.5L15.5 88.5ZM15.5 133.5L15.5 88.5L11.5 88.5L11.5 133.5L15.5 133.5ZM53.5479 172.489C32.4492 171.984 15.5 154.721 15.5 133.5L11.5 133.5C11.5 156.898 30.1875 175.931 53.4521 176.487L53.5479 172.489ZM51.5 174.488L51.5 174.5L55.5 174.5L55.5 174.488L51.5 174.488ZM53.5 176.5L54.4716 176.5L54.4716 172.5L53.5 172.5L53.5 176.5ZM54.5 172.5C54.491 172.5 54.482 172.5 54.473 172.5L54.4703 176.5C54.4802 176.5 54.4901 176.5 54.5 176.5L54.5 172.5ZM54.527 172.5C54.518 172.5 54.509 172.5 54.5 172.5L54.5 176.5C54.5099 176.5 54.5198 176.5 54.5297 176.5L54.527 172.5ZM54.5283 176.5L179.472 176.5L179.472 172.5L54.5283 172.5L54.5283 176.5ZM179.472 176.5L179.5 176.5L179.5 172.5L179.472 172.5L179.472 176.5ZM179.5 176.5C203.248 176.5 222.5 157.248 222.5 133.5L218.5 133.5C218.5 155.039 201.039 172.5 179.5 172.5L179.5 176.5ZM222.5 133.5L222.5 88.5L218.5 88.5L218.5 133.5L222.5 133.5ZM222.5 88.5C222.5 64.7518 203.248 45.5 179.5 45.5L179.5 49.5C201.039 49.5 218.5 66.9609 218.5 88.5L222.5 88.5ZM179.5 45.5L54.5 45.5L54.5 49.5L179.5 49.5L179.5 45.5ZM54.5 45.5L53.5 45.5L53.5 49.5L54.5 49.5L54.5 45.5ZM51.5 47.5L51.5 47.512L55.5 47.512L55.5 47.5L51.5 47.5Z" fill="#242770" mask="url(#path-6-inside-2_3572_10305)"/>
  <rect class="tb-shape-stroke" x="14.5" y="48.5" width="80" height="125" rx="40" stroke="#242770" stroke-width="2"/>
  <mask id="path-9-inside-3_3572_10305" fill="white">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M141.5 30.5H112.5V48.5C112.5 50.1569 118.992 51.5 127 51.5C135.008 51.5 141.5 50.1569 141.5 48.5V30.5Z"/>
  </mask>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M141.5 30.5H112.5V48.5C112.5 50.1569 118.992 51.5 127 51.5C135.008 51.5 141.5 50.1569 141.5 48.5V30.5Z"/>
  <path class="tb-shape-fill" d="M112.5 30.5V28.5H110.5V30.5H112.5ZM141.5 30.5H143.5V28.5H141.5V30.5ZM112.5 32.5H141.5V28.5H112.5V32.5ZM114.5 48.5V30.5H110.5V48.5H114.5ZM127 49.5C123.09 49.5 119.607 49.1707 117.152 48.6628C115.908 48.4055 115.034 48.1232 114.518 47.8712C114.257 47.7431 114.191 47.6721 114.217 47.6982C114.248 47.7304 114.5 48.0048 114.5 48.5H110.5C110.5 49.4095 110.954 50.0882 111.373 50.511C111.785 50.9277 112.289 51.2334 112.761 51.4643C113.713 51.9301 114.962 52.2943 116.342 52.5798C119.135 53.1577 122.902 53.5 127 53.5V49.5ZM139.5 48.5C139.5 48.0048 139.752 47.7304 139.783 47.6982C139.809 47.6721 139.743 47.7431 139.482 47.8712C138.966 48.1232 138.092 48.4055 136.848 48.6628C134.393 49.1707 130.91 49.5 127 49.5V53.5C131.098 53.5 134.865 53.1577 137.658 52.5798C139.038 52.2943 140.287 51.9301 141.239 51.4643C141.711 51.2334 142.215 50.9277 142.627 50.511C143.046 50.0882 143.5 49.4095 143.5 48.5H139.5ZM139.5 30.5V48.5H143.5V30.5H139.5Z" fill="#242770" mask="url(#path-9-inside-3_3572_10305)"/>
  <path class="tb-shape-stroke" d="M141.541 31.3323C141.541 31.3323 141.54 31.3332 141.539 31.3349C141.54 31.3332 141.541 31.3323 141.541 31.3323ZM140.866 31.2416C141.077 31.338 141.231 31.4258 141.341 31.5C141.231 31.5742 141.077 31.662 140.866 31.7584C140.187 32.0692 139.141 32.3742 137.77 32.6395C135.045 33.167 131.236 33.5 127 33.5C122.764 33.5 118.955 33.167 116.23 32.6395C114.859 32.3742 113.813 32.0692 113.134 31.7584C112.923 31.662 112.769 31.5742 112.659 31.5C112.769 31.4258 112.923 31.338 113.134 31.2416C113.813 30.9308 114.859 30.6258 116.23 30.3605C118.955 29.833 122.764 29.5 127 29.5C131.236 29.5 135.045 29.833 137.77 30.3605C139.141 30.6258 140.187 30.9308 140.866 31.2416ZM112.461 31.3323C112.461 31.3323 112.461 31.3332 112.461 31.3349C112.461 31.3332 112.461 31.3323 112.461 31.3323ZM112.461 31.6677C112.461 31.6677 112.461 31.6668 112.461 31.6651C112.461 31.6668 112.461 31.6677 112.461 31.6677ZM141.539 31.6651C141.54 31.6668 141.541 31.6677 141.541 31.6677C141.541 31.6677 141.54 31.6668 141.539 31.6651Z" stroke="#242770" stroke-width="2"/>
  <path class="tb-shape-stroke" d="M141.541 28.3323C141.541 28.3323 141.54 28.3332 141.539 28.3349C141.54 28.3332 141.541 28.3323 141.541 28.3323ZM140.866 28.2416C141.077 28.338 141.231 28.4258 141.341 28.5C141.231 28.5742 141.077 28.662 140.866 28.7584C140.187 29.0692 139.141 29.3742 137.77 29.6395C135.045 30.167 131.236 30.5 127 30.5C122.764 30.5 118.955 30.167 116.23 29.6395C114.859 29.3742 113.813 29.0692 113.134 28.7584C112.923 28.662 112.769 28.5742 112.659 28.5C112.769 28.4258 112.923 28.338 113.134 28.2416C113.813 27.9308 114.859 27.6258 116.23 27.3605C118.955 26.833 122.764 26.5 127 26.5C131.236 26.5 135.045 26.833 137.77 27.3605C139.141 27.6258 140.187 27.9308 140.866 28.2416ZM112.461 28.3323C112.461 28.3323 112.461 28.3332 112.461 28.3349C112.461 28.3332 112.461 28.3323 112.461 28.3323ZM112.461 28.6677C112.461 28.6677 112.461 28.6668 112.461 28.6651C112.461 28.6668 112.461 28.6677 112.461 28.6677ZM141.539 28.6651C141.54 28.6668 141.541 28.6677 141.541 28.6677C141.541 28.6677 141.54 28.6668 141.539 28.6651Z" stroke="#242770" stroke-width="2"/>
  <g class="container-overlay" clip-path="url(#clip0_3572_10305)">
    <g filter="url(#filter0_b_3572_10305)">
      <rect class="absolute-overlay" x="116" y="81" width="81" height="61" rx="4" fill="white" fill-opacity="0.76"/>
      <foreignObject class="absolute-value-container" x="116" y="81" width="81" height="61">
      </foreignObject>
    </g>
    <g filter="url(#filter1_b_3572_10305)">
      <rect class="percentage-overlay" x="120.5" y="91.5" width="71" height="40" rx="4" fill="white" fill-opacity="0.76"/>
      <foreignObject class="percentage-value-container" x="120.5" y="91.5" width="71" height="40">
      </foreignObject>
    </g>
  </g>
  <defs>
    <filter id="filter0_b_3572_10305" x="110" 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_10305"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_10305" result="shape"/>
    </filter>
    <filter id="filter1_b_3572_10305" x="114.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_10305"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3572_10305" result="shape"/>
    </filter>
    <clipPath id="clip0_3572_10305">
      <rect width="81" height="61" fill="white" transform="translate(116 81)"/>
    </clipPath>
  </defs>
</svg>