import * as React from 'react'
import './WearableIcon.css'

export const WearableIcon = (): JSX.Element => (
  <div className="WearableIcon">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="17"
      height="12"
      viewBox="0 0 17 12"
    >
      <path
        fillRule="nonzero"
        d="M15.8373 1.83125L12.7498 0.0687499C12.674 0.0242493 12.5877 0.000535378 12.4998 0H10.4998C10.3672 0 10.24 0.0526785 10.1462 0.146447C10.0525 0.240215 9.99979 0.367392 9.99979 0.5C9.99979 0.897825 9.84175 1.27936 9.56045 1.56066C9.27915 1.84196 8.89761 2 8.49979 2C8.10197 2 7.72043 1.84196 7.43913 1.56066C7.15782 1.27936 6.99979 0.897825 6.99979 0.5C6.99979 0.367392 6.94711 0.240215 6.85334 0.146447C6.75957 0.0526785 6.6324 0 6.49979 0H4.49979C4.41186 0.000535378 4.32563 0.0242493 4.24979 0.0687499L1.16229 1.83125C0.939669 1.95665 0.773903 2.16298 0.699416 2.40739C0.624929 2.6518 0.647446 2.91551 0.762289 3.14375L1.91229 5.45C1.99568 5.61548 2.1234 5.75454 2.28122 5.85166C2.43904 5.94878 2.62073 6.00013 2.80604 6H3.99979V11C3.99979 11.2652 4.10515 11.5196 4.29268 11.7071C4.48022 11.8946 4.73457 12 4.99979 12H11.9998C12.265 12 12.5194 11.8946 12.7069 11.7071C12.8944 11.5196 12.9998 11.2652 12.9998 11V6H14.1935C14.3788 6.00013 14.5605 5.94878 14.7184 5.85166C14.8762 5.75454 15.0039 5.61548 15.0873 5.45L16.2373 3.14375C16.3521 2.91551 16.3747 2.6518 16.3002 2.40739C16.2257 2.16298 16.0599 1.95665 15.8373 1.83125ZM2.80604 5L1.65604 2.7L3.99979 1.3625V5H2.80604ZM14.1935 5H12.9998V1.3625L15.3435 2.7L14.1935 5Z"
      />
    </svg>
  </div>
)