import React, { ComponentType } from 'react'

import { CustomIconProps } from '@monorail/visualComponents/icon/Icon'

export const Tools: ComponentType<CustomIconProps> = props => (
  <i {...props}>
    <svg width="1em" height="1em" viewBox="0 0 24 24">
      <path d="M21.7101 20.29L20.2901 21.71C20.1027 21.8962 19.8492 22.0008 19.5851 22.0008C19.3209 22.0008 19.0674 21.8962 18.8801 21.71L7.00006 9.85C6.67487 9.94421 6.33858 9.99465 6.00006 10C5.36336 9.99955 4.73597 9.84711 4.17005 9.55536C3.60413 9.26362 3.11602 8.84099 2.74632 8.32263C2.37662 7.80426 2.136 7.20513 2.04447 6.57505C1.95293 5.94496 2.01313 5.30213 2.22006 4.7L4.76006 7.24L5.29006 6.71L6.71006 5.29L7.24006 4.76L4.70006 2.22C5.30219 2.01307 5.94503 1.95287 6.57511 2.04441C7.20519 2.13594 7.80432 2.37656 8.32269 2.74626C8.84105 3.11596 9.26368 3.60407 9.55542 4.16999C9.84717 4.73591 9.99961 5.3633 10.0001 6C9.99471 6.33852 9.94427 6.67481 9.85006 7L21.7101 18.88C21.8963 19.0674 22.0009 19.3208 22.0009 19.585C22.0009 19.8492 21.8963 20.1026 21.7101 20.29ZM2.29006 18.88C2.10381 19.0674 1.99927 19.3208 1.99927 19.585C1.99927 19.8492 2.10381 20.1026 2.29006 20.29L3.71006 21.71C3.89742 21.8962 4.15087 22.0008 4.41506 22.0008C4.67925 22.0008 4.9327 21.8962 5.12006 21.71L10.5901 16.25L7.76006 13.42L2.29006 18.88ZM20.0001 2L16.0001 4V6L13.8301 8.17L15.8301 10.17L18.0001 8H20.0001L22.0001 4L20.0001 2Z" />
    </svg>
  </i>
)
