element-plus/docs/.vitepress/vitepress/components/overview-icons/ov-select-v2.vue

<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clip-path="url(#clip0_13099_176701)">
      <rect width="280" height="180" fill="var(--el-fill-color-light)" />
      <rect
        x="90.5"
        y="62.5"
        width="99"
        height="19"
        rx="1.5"
        fill="var(--el-fill-color-blank)"
        stroke="var(--el-color-primary)"
      />
      <path
        d="M101.928 70.96H102.648C102.637 70.6453 102.576 70.376 102.464 70.152C102.357 69.9227 102.208 69.7333 102.016 69.584C101.829 69.4347 101.611 69.3253 101.36 69.256C101.109 69.1867 100.837 69.152 100.544 69.152C100.283 69.152 100.027 69.1867 99.776 69.256C99.5307 69.32 99.3093 69.4213 99.112 69.56C98.92 69.6933 98.7653 69.8667 98.648 70.08C98.5307 70.288 98.472 70.536 98.472 70.824C98.472 71.0853 98.5227 71.304 98.624 71.48C98.7307 71.6507 98.8693 71.792 99.04 71.904C99.216 72.0107 99.4133 72.0987 99.632 72.168C99.8507 72.232 100.072 72.2907 100.296 72.344C100.525 72.392 100.749 72.44 100.968 72.488C101.187 72.536 101.381 72.6 101.552 72.68C101.728 72.7547 101.867 72.8533 101.968 72.976C102.075 73.0987 102.128 73.2587 102.128 73.456C102.128 73.664 102.085 73.8347 102 73.968C101.915 74.1013 101.803 74.208 101.664 74.288C101.525 74.3627 101.368 74.416 101.192 74.448C101.021 74.48 100.851 74.496 100.68 74.496C100.467 74.496 100.259 74.4693 100.056 74.416C99.8533 74.3627 99.6747 74.28 99.52 74.168C99.3707 74.056 99.248 73.9147 99.152 73.744C99.0613 73.568 99.016 73.36 99.016 73.12H98.296C98.296 73.4667 98.3573 73.768 98.48 74.024C98.608 74.2747 98.7787 74.4827 98.992 74.648C99.2107 74.808 99.4613 74.928 99.744 75.008C100.032 75.088 100.336 75.128 100.656 75.128C100.917 75.128 101.179 75.096 101.44 75.032C101.707 74.9733 101.947 74.8773 102.16 74.744C102.373 74.6053 102.547 74.4293 102.68 74.216C102.819 73.9973 102.888 73.736 102.888 73.432C102.888 73.1493 102.835 72.9147 102.728 72.728C102.627 72.5413 102.488 72.3867 102.312 72.264C102.141 72.1413 101.947 72.0453 101.728 71.976C101.509 71.9013 101.285 71.8373 101.056 71.784C100.832 71.7307 100.611 71.6827 100.392 71.64C100.173 71.592 99.976 71.5333 99.8 71.464C99.6293 71.3947 99.4907 71.3067 99.384 71.2C99.2827 71.088 99.232 70.944 99.232 70.768C99.232 70.5813 99.2667 70.4267 99.336 70.304C99.4107 70.176 99.5067 70.0747 99.624 70C99.7467 69.9253 99.8853 69.872 100.04 69.84C100.195 69.808 100.352 69.792 100.512 69.792C100.907 69.792 101.229 69.8853 101.48 70.072C101.736 70.2533 101.885 70.5493 101.928 70.96ZM106.572 72.536H104.196C104.206 72.376 104.241 72.2267 104.3 72.088C104.358 71.944 104.438 71.8187 104.54 71.712C104.641 71.6053 104.761 71.5227 104.9 71.464C105.044 71.4 105.204 71.368 105.38 71.368C105.55 71.368 105.705 71.4 105.844 71.464C105.988 71.5227 106.11 71.6053 106.212 71.712C106.318 71.8133 106.401 71.936 106.46 72.08C106.524 72.224 106.561 72.376 106.572 72.536ZM107.227 73.688H106.556C106.497 73.96 106.374 74.1627 106.188 74.296C106.006 74.4293 105.772 74.496 105.484 74.496C105.26 74.496 105.065 74.4587 104.9 74.384C104.734 74.3093 104.598 74.2107 104.492 74.088C104.385 73.96 104.308 73.816 104.26 73.656C104.212 73.4907 104.19 73.3173 104.196 73.136H107.292C107.302 72.8853 107.278 72.6213 107.22 72.344C107.166 72.0667 107.065 71.8107 106.916 71.576C106.772 71.3413 106.577 71.1493 106.332 71C106.092 70.8453 105.788 70.768 105.42 70.768C105.137 70.768 104.876 70.8213 104.636 70.928C104.401 71.0347 104.196 71.184 104.02 71.376C103.849 71.568 103.716 71.7947 103.62 72.056C103.524 72.3173 103.476 72.6053 103.476 72.92C103.486 73.2347 103.532 73.5253 103.612 73.792C103.697 74.0587 103.822 74.288 103.988 74.48C104.153 74.672 104.356 74.8213 104.596 74.928C104.841 75.0347 105.129 75.088 105.46 75.088C105.929 75.088 106.318 74.9707 106.628 74.736C106.937 74.5013 107.137 74.152 107.227 73.688ZM108.036 69.288V75H108.716V69.288H108.036ZM112.642 72.536H110.266C110.276 72.376 110.311 72.2267 110.37 72.088C110.428 71.944 110.508 71.8187 110.61 71.712C110.711 71.6053 110.831 71.5227 110.97 71.464C111.114 71.4 111.274 71.368 111.45 71.368C111.62 71.368 111.775 71.4 111.914 71.464C112.058 71.5227 112.18 71.6053 112.282 71.712C112.388 71.8133 112.471 71.936 112.53 72.08C112.594 72.224 112.631 72.376 112.642 72.536ZM113.298 73.688H112.626C112.567 73.96 112.444 74.1627 112.258 74.296C112.076 74.4293 111.842 74.496 111.554 74.496C111.33 74.496 111.135 74.4587 110.97 74.384C110.804 74.3093 110.668 74.2107 110.562 74.088C110.455 73.96 110.378 73.816 110.33 73.656C110.282 73.4907 110.26 73.3173 110.266 73.136H113.362C113.372 72.8853 113.348 72.6213 113.29 72.344C113.236 72.0667 113.135 71.8107 112.986 71.576C112.842 71.3413 112.647 71.1493 112.402 71C112.162 70.8453 111.858 70.768 111.49 70.768C111.207 70.768 110.946 70.8213 110.706 70.928C110.471 71.0347 110.266 71.184 110.09 71.376C109.919 71.568 109.786 71.7947 109.69 72.056C109.594 72.3173 109.546 72.6053 109.546 72.92C109.556 73.2347 109.602 73.5253 109.682 73.792C109.767 74.0587 109.892 74.288 110.058 74.48C110.223 74.672 110.426 74.8213 110.666 74.928C110.911 75.0347 111.199 75.088 111.53 75.088C111.999 75.088 112.388 74.9707 112.698 74.736C113.007 74.5013 113.207 74.152 113.298 73.688ZM116.875 72.192H117.579C117.552 71.9467 117.488 71.736 117.387 71.56C117.285 71.3787 117.155 71.2293 116.995 71.112C116.84 70.9947 116.659 70.9093 116.451 70.856C116.248 70.7973 116.029 70.768 115.795 70.768C115.469 70.768 115.184 70.8267 114.939 70.944C114.693 71.056 114.488 71.2133 114.323 71.416C114.163 71.6133 114.043 71.848 113.963 72.12C113.883 72.3867 113.843 72.6747 113.843 72.984C113.843 73.2933 113.883 73.5787 113.963 73.84C114.048 74.096 114.171 74.3173 114.331 74.504C114.496 74.6907 114.699 74.8347 114.939 74.936C115.184 75.0373 115.464 75.088 115.779 75.088C116.307 75.088 116.723 74.9493 117.027 74.672C117.336 74.3947 117.528 74 117.603 73.488H116.907C116.864 73.808 116.747 74.056 116.555 74.232C116.368 74.408 116.107 74.496 115.771 74.496C115.557 74.496 115.373 74.4533 115.219 74.368C115.064 74.2827 114.939 74.1707 114.843 74.032C114.747 73.888 114.675 73.7253 114.627 73.544C114.584 73.3627 114.563 73.176 114.563 72.984C114.563 72.776 114.584 72.576 114.627 72.384C114.669 72.1867 114.739 72.0133 114.835 71.864C114.936 71.7147 115.069 71.5947 115.235 71.504C115.4 71.4133 115.605 71.368 115.851 71.368C116.139 71.368 116.368 71.44 116.539 71.584C116.709 71.728 116.821 71.9307 116.875 72.192ZM119.308 70.864V69.624H118.628V70.864H117.924V71.464H118.628V74.096C118.628 74.288 118.646 74.4427 118.684 74.56C118.721 74.6773 118.777 74.768 118.852 74.832C118.932 74.896 119.033 74.9413 119.156 74.968C119.284 74.9893 119.436 75 119.612 75H120.132V74.4H119.82C119.713 74.4 119.625 74.3973 119.556 74.392C119.492 74.3813 119.441 74.3627 119.404 74.336C119.366 74.3093 119.34 74.272 119.324 74.224C119.313 74.176 119.308 74.112 119.308 74.032V71.464H120.132V70.864H119.308Z"
        fill="var(--el-color-primary)"
      />
      <path
        d="M180.4 72.7998C180.933 72.2665 182 71.1998 182 71.1998L183.6 72.7998"
        stroke="var(--el-color-primary)"
        stroke-width="0.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <g filter="url(#filter0_d_13099_176701)">
        <rect
          x="90"
          y="84"
          width="100"
          height="108"
          rx="2"
          fill="var(--el-bg-color-overlay)"
        />
        <rect
          x="89.7"
          y="83.7"
          width="100.6"
          height="108.6"
          rx="2.3"
          stroke="var(--el-border-color-dark)"
          stroke-width="0.6"
        />
      </g>
      <rect
        x="185"
        y="154"
        width="4"
        height="19"
        rx="2"
        fill="var(--el-color-primary)"
      />
      <rect
        x="91"
        y="88"
        width="83"
        height="20"
        fill="var(--el-bg-color-overlay)"
      />
      <rect
        x="99"
        y="96"
        width="25"
        height="4"
        rx="2"
        fill="var(--el-border-color-dark)"
      />
      <rect
        x="91"
        y="108"
        width="83"
        height="20"
        fill="var(--el-bg-color-overlay)"
      />
      <rect
        x="99"
        y="116"
        width="25"
        height="4"
        rx="2"
        fill="var(--el-border-color-dark)"
      />
      <rect
        x="91"
        y="148"
        width="83"
        height="20"
        fill="var(--el-bg-color-overlay)"
      />
      <rect
        x="99"
        y="156"
        width="25"
        height="4"
        rx="2"
        fill="var(--el-border-color-dark)"
      />
      <rect
        x="91"
        y="128"
        width="83"
        height="20"
        fill="var(--el-bg-color-overlay)"
      />
      <rect
        x="99"
        y="136"
        width="25"
        height="4"
        rx="2"
        fill="var(--el-border-color-dark)"
      />
      <rect
        x="91"
        y="168"
        width="83"
        height="20"
        fill="var(--el-bg-color-overlay)"
      />
      <rect
        x="99"
        y="176"
        width="25"
        height="4"
        rx="2"
        fill="var(--el-border-color-dark)"
      />
    </g>
    <defs>
      <filter
        id="filter0_d_13099_176701"
        x="76.0667"
        y="70.0671"
        width="127.867"
        height="135.866"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13099_176701"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13099_176701"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>