yvan-window/public/image/index/checkbox.svg

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="180" viewBox="0 0 20 180">
  <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
    <g transform="translate(0 60)">
      <rect width="17" height="17" x=".5" y=".5" fill="#FFF" stroke="#C6D4E0" stroke-opacity=".7" rx="3"/>
      <path fill="#057FEB" d="M14.0195478,4.16280725 L7.16264069,11.0180472 L3.98672151,7.83262424 C3.59678109,7.44151694 2.96361682,7.440571 2.57250952,7.83051142 C2.5720443,7.83097525 2.57157954,7.83143954 2.57111523,7.83190429 L2.21289338,8.19114276 C1.82268695,8.58172149 1.82283785,9.21462645 2.21323047,9.60501907 L6.45553391,13.847997 C6.8460582,14.2385213 7.47922318,14.2385213 7.86974747,13.847997 L15.7878849,5.92985957 C16.1784092,5.53933528 16.1784092,4.9061703 15.7878849,4.51564601 C15.7873992,4.51516034 15.7869131,4.51467517 15.7864264,4.5141905 L15.4322169,4.16143772 C15.0414924,3.77232013 14.4095171,3.77293281 14.0195478,4.16280725 Z"/>
    </g>
    <g transform="translate(0 80)">
      <rect width="17" height="17" x=".5" y=".5" fill="#FFF" stroke="#7C8A98" stroke-opacity=".5" rx="3"/>
      <path fill="#057FEB" d="M14.0195478,4.16280725 L7.16264069,11.0180472 L3.98672151,7.83262424 C3.59678109,7.44151694 2.96361682,7.440571 2.57250952,7.83051142 C2.5720443,7.83097525 2.57157954,7.83143954 2.57111523,7.83190429 L2.21289338,8.19114276 C1.82268695,8.58172149 1.82283785,9.21462645 2.21323047,9.60501907 L6.45553391,13.847997 C6.8460582,14.2385213 7.47922318,14.2385213 7.86974747,13.847997 L15.7878849,5.92985957 C16.1784092,5.53933528 16.1784092,4.9061703 15.7878849,4.51564601 C15.7873992,4.51516034 15.7869131,4.51467517 15.7864264,4.5141905 L15.4322169,4.16143772 C15.0414924,3.77232013 14.4095171,3.77293281 14.0195478,4.16280725 Z"/>
    </g>
    <g transform="translate(0 100)">
      <rect width="17" height="17" x=".5" y=".5" fill="#C6D4E0" fill-opacity=".2" stroke="#C6D4E0" stroke-opacity=".7" rx="3"/>
      <path fill="#057FEB" fill-opacity=".4" d="M14.0195478,4.16280725 L7.16264069,11.0180472 L3.98672151,7.83262424 C3.59678109,7.44151694 2.96361682,7.440571 2.57250952,7.83051142 C2.5720443,7.83097525 2.57157954,7.83143954 2.57111523,7.83190429 L2.21289338,8.19114276 C1.82268695,8.58172149 1.82283785,9.21462645 2.21323047,9.60501907 L6.45553391,13.847997 C6.8460582,14.2385213 7.47922318,14.2385213 7.86974747,13.847997 L15.7878849,5.92985957 C16.1784092,5.53933528 16.1784092,4.9061703 15.7878849,4.51564601 C15.7873992,4.51516034 15.7869131,4.51467517 15.7864264,4.5141905 L15.4322169,4.16143772 C15.0414924,3.77232013 14.4095171,3.77293281 14.0195478,4.16280725 Z"/>
    </g>
    <g transform="translate(0 120)">
      <rect width="17" height="17" x=".5" y=".5" fill="#FFF" stroke="#C6D4E0" stroke-opacity=".7" rx="3"/>
      <path fill="#057FEB" d="M4,8 L14,8 C14.5522847,8 15,8.44771525 15,9 L15,9 C15,9.55228475 14.5522847,10 14,10 L4,10 C3.44771525,10 3,9.55228475 3,9 L3,9 C3,8.44771525 3.44771525,8 4,8 Z"/>
    </g>
    <g transform="translate(0 140)">
      <rect width="17" height="17" x=".5" y=".5" fill="#FFF" stroke="#7C8A98" stroke-opacity=".5" rx="3"/>
      <path fill="#057FEB" d="M4,8 L14,8 C14.5522847,8 15,8.44771525 15,9 L15,9 C15,9.55228475 14.5522847,10 14,10 L4,10 C3.44771525,10 3,9.55228475 3,9 L3,9 C3,8.44771525 3.44771525,8 4,8 Z"/>
    </g>
    <g transform="translate(0 160)">
      <rect width="17" height="17" x=".5" y=".5" fill="#C6D4E0" fill-opacity=".2" stroke="#C6D4E0" stroke-opacity=".7" rx="3"/>
      <path fill="#057FEB" fill-opacity=".4" d="M4,8 L14,8 C14.5522847,8 15,8.44771525 15,9 L15,9 C15,9.55228475 14.5522847,10 14,10 L4,10 C3.44771525,10 3,9.55228475 3,9 L3,9 C3,8.44771525 3.44771525,8 4,8 Z"/>
    </g>
    <rect width="17" height="17" x=".5" y=".5" fill="#FFF" stroke="#C6D4E0" stroke-opacity=".7" rx="3"/>
    <rect width="17" height="17" x=".5" y="20.5" fill="#FFF" stroke="#7C8A98" stroke-opacity=".5" rx="3"/>
    <rect width="17" height="17" x=".5" y="40.5" fill="#C6D4E0" fill-opacity=".2" stroke="#C6D4E0" stroke-opacity=".7" rx="3"/>
  </g>
</svg>