import React from 'react';

type UserAccountSettingsIconProps = {
    color?: string
}

const UserAccountSettingsIcon = ({color}: UserAccountSettingsIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width='33.7px' height='30' viewBox="0 0 23.701 30">
            <g id="document" transform="translate(-9.879 -4)">
                <path id="Path_22864" data-name="Path 22864" d="M15.837,34H27.512a1.437,1.437,0,0,0,1.436-1.436v-3.2h3.2A1.437,1.437,0,0,0,33.58,27.93V5.436A1.437,1.437,0,0,0,32.144,4H15.95a1.437,1.437,0,0,0-1.436,1.436v3.2h-3.2a1.437,1.437,0,0,0-1.436,1.436v22.5A1.437,1.437,0,0,0,11.315,34h1.844a.536.536,0,1,0,0-1.071H11.315a.369.369,0,0,1-.364-.364v-22.5a.369.369,0,0,1,.364-.364h16.2a.365.365,0,0,1,.364.364V24.357a.536.536,0,0,0,1.071,0V10.068a1.437,1.437,0,0,0-1.436-1.436H15.585v-3.2a.365.365,0,0,1,.364-.364H32.144a.365.365,0,0,1,.364.364V27.93a.365.365,0,0,1-.364.364h-3.2V27.036a.536.536,0,0,0-1.071,0v1.785c0,.015,0,3.725,0,3.743a.369.369,0,0,1-.364.364H15.837a.536.536,0,0,0,0,1.071Z" fill={color}/>
                <path id="Path_22865" data-name="Path 22865" d="M16.677,40.036a.536.536,0,0,0,.536.536h8.571a.536.536,0,0,0,0-1.071H17.213A.536.536,0,0,0,16.677,40.036Z" transform="translate(-3.156 -16.482)" fill={color}/>
                <path id="Path_22866" data-name="Path 22866" d="M17.219,52.571h8.571a.536.536,0,0,0,0-1.071H17.219a.536.536,0,0,0,0,1.071Z" transform="translate(-3.163 -22.054)" fill={color}/>
                <path id="Path_22867" data-name="Path 22867" d="M17.219,46.571H27.934a.536.536,0,0,0,0-1.071H17.219A.536.536,0,0,0,17.219,46.571Z" transform="translate(-3.163 -19.268)" fill={color}/>
                <path id="Path_22868" data-name="Path 22868" d="M20.325,27.262a1.615,1.615,0,0,0,2.273,0l5.357-5.357a1.615,1.615,0,0,0,0-2.273,1.646,1.646,0,0,0-2.273,0l-4.221,4.221L19.92,22.311a1.623,1.623,0,0,0-2.744,1.136,1.6,1.6,0,0,0,.471,1.136l2.678,2.679ZM18.4,23.068a.538.538,0,0,1,.757,0l1.921,1.921a.536.536,0,0,0,.758,0l4.6-4.6a.541.541,0,0,1,.914.379.532.532,0,0,1-.157.379L21.84,26.5a.547.547,0,0,1-.757,0L18.4,23.825a.537.537,0,0,1,0-.757Z" transform="translate(-3.387 -7.046)" fill={color}/>
            </g>
        </svg>
    );
}

export default UserAccountSettingsIcon;