import React, { FC } from 'react';

import { WfoIconProps } from './WfoIconProps';

export const WfoLogoutIcon: FC<WfoIconProps> = ({
    width = 24,
    height = 24,
    color = '#000000',
}) => (
    <svg
        width={width}
        height={height}
        viewBox="0 0 24 24"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
    >
        <title>icon/logout</title>
        <g
            id="Symbols"
            stroke="none"
            strokeWidth="1"
            fill="none"
            fillRule="evenodd"
        >
            <g id="icon/logout" fill={color} fillRule="nonzero">
                <path
                    d="M10,3 C12.2091701,3 14,4.79085056 14,7 L14,8 C14,8.55228475 13.5522847,9 13,9 C12.4477153,9 12,8.55228475 12,8 L12,7 C12,5.8954149 11.1045954,5 10,5 L6,5 C4.89543475,5 4,5.89543475 4,7 L4,17 C4,18.1045954 4.8954149,19 6,19 L10,19 C11.1046153,19 12,18.1046153 12,17 L12,16 C12,15.4477153 12.4477153,15 13,15 C13.5522847,15 14,15.4477153 14,16 L14,17 C14,19.2091847 12.2091847,21 10,21 L6,21 C3.79085056,21 2,19.2091701 2,17 L2,7 C2,4.79086525 3.79086525,3 6,3 L10,3 Z M17.7071068,7.29289322 L21.7071068,11.2928932 L21.7485042,11.336853 L21.757,11.347 L21.787214,11.3832499 L21.779,11.374 L21.8036654,11.4046934 C21.8215099,11.4288693 21.8382813,11.453725 21.8539326,11.4793398 L21.8753288,11.5159379 C21.8862061,11.5357061 21.8966234,11.5561086 21.9063462,11.5769009 L21.9287745,11.628664 C21.9366843,11.6484208 21.9438775,11.6682023 21.9504533,11.6882636 C21.9552713,11.7031487 21.9599023,11.7185367 21.9641549,11.734007 C21.9701664,11.7555635 21.9753602,11.7772539 21.9798348,11.7992059 C21.9832978,11.8166247 21.9863719,11.834051 21.9889822,11.8515331 C21.9920328,11.8714753 21.9944666,11.892114 21.9962623,11.912935 C21.9978436,11.9317345 21.9989053,11.9497336 21.9994829,11.9677454 C21.9998183,11.9777892 22,11.9888734 22,12 L21.996384,12.0852242 L21.9889807,12.1489612 C21.9863719,12.165949 21.9832978,12.1833753 21.9797599,12.2007258 C21.9753602,12.2227461 21.9701664,12.2444365 21.964279,12.2658396 C21.9599023,12.2814633 21.9552713,12.2968513 21.9502619,12.3121425 C21.9438775,12.3317977 21.9366843,12.3515792 21.928896,12.3710585 L21.9063266,12.4232215 C21.8966234,12.4438914 21.8862061,12.4642939 21.8751242,12.484277 C21.8685012,12.4963944 21.8613931,12.5086131 21.8540045,12.5207088 C21.8382813,12.546275 21.8215099,12.5711307 21.8036865,12.5951593 L21.7870723,12.6170223 C21.7849289,12.6196628 21.7826279,12.6225624 21.7803112,12.625449 L21.7071068,12.7071068 L17.7071068,16.7071068 C17.3165825,17.0976311 16.6834175,17.0976311 16.2928932,16.7071068 C15.9023689,16.3165825 15.9023689,15.6834175 16.2928932,15.2928932 L18.585,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L18.585,11 L16.2928932,8.70710678 C15.9023689,8.31658249 15.9023689,7.68341751 16.2928932,7.29289322 C16.6834175,6.90236893 17.3165825,6.90236893 17.7071068,7.29289322 Z"
                    id="Combined-Shape"
                ></path>
            </g>
        </g>
    </svg>
);