import React, { FC } from 'react';

import { WfoIconProps } from './WfoIconProps';

export const WfoSearchStrikethrough: FC<WfoIconProps> = ({
    width = 24,
    height = 24,
    color = '#0067AC',
}) => (
    <svg
        width={width}
        height={height}
        viewBox="0 0 24 24"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
    >
        <title>icon/search-strikethrough</title>
        <g
            id="Symbols"
            stroke="none"
            strokeWidth="1"
            fill="none"
            fillRule="evenodd"
        >
            <g id="icon/search-strikethrough" fill={color}>
                <path
                    d="M10,4 C10.5522847,4 11,4.44771525 11,5 C11,5.55228475 10.5522847,6 10,6 C7.790861,6 6,7.790861 6,10 C6,12.209139 7.790861,14 10,14 C11.6843802,14 13.170862,12.9492826 13.7495202,11.3971234 C13.9424456,10.8796312 14.518353,10.6165178 15.0358452,10.8094433 C15.5533374,11.0023688 15.8164508,11.5782761 15.6235253,12.0957684 C15.4431518,12.5795917 15.204012,13.0309152 14.9156524,13.4423562 C14.9089265,13.4506778 14.9001611,13.4632152 14.8907,13.4765 L19.7071,18.2929 C20.0976,18.6834 20.0976,19.3166 19.7071,19.7071 C19.3166,20.0976 18.6834,20.0976 18.2929,19.7071 L13.4765,14.8907 L13.4335575,14.9210711 C12.4519621,15.6060667 11.2631018,16 10,16 C6.6862915,16 4,13.3137085 4,10 C4,6.6862915 6.6862915,4 10,4 Z M13.70711,2.29289 L16,4.58579 L18.2929,2.29289 C18.6834,1.90237 19.3166,1.90237 19.7071,2.29289 C20.0976,2.68342 20.0976,3.31658 19.7071,3.70711 L17.4142,6 L19.7071,8.2929 C20.0976,8.6834 20.0976,9.3166 19.7071,9.7071 C19.3166,10.0976 18.6834,10.0976 18.2929,9.7071 L16,7.4142 L13.70711,9.7071 C13.31658,10.0976 12.68342,10.0976 12.29289,9.7071 C11.90237,9.3166 11.90237,8.6834 12.29289,8.2929 L14.58579,6 L12.29289,3.70711 C11.90237,3.31658 11.90237,2.68342 12.29289,2.29289 C12.68342,1.90237 13.31658,1.90237 13.70711,2.29289 Z"
                    id="Combined-Shape"
                ></path>
            </g>
        </g>
    </svg>
);