import React from 'react';

const UserAdd = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M14.5 7.78906C14.5 9.9982 12.7091 11.7891 10.5 11.7891C8.29086 11.7891 6.5 9.9982 6.5 7.78906C6.5 5.57992 8.29086 3.78906 10.5 3.78906C12.7091 3.78906 14.5 5.57992 14.5 7.78906ZM17.5 17.7891C17.5 19.9982 14.366 21.7891 10.5 21.7891C6.63401 21.7891 3.5 19.9982 3.5 17.7891C3.5 15.5799 6.63401 13.7891 10.5 13.7891C14.366 13.7891 17.5 15.5799 17.5 17.7891ZM18.5 13.5391C18.0858 13.5391 17.75 13.2033 17.75 12.7891V11.5391H16.5C16.0858 11.5391 15.75 11.2033 15.75 10.7891C15.75 10.3748 16.0858 10.0391 16.5 10.0391H17.75V8.78906C17.75 8.37485 18.0858 8.03906 18.5 8.03906C18.9142 8.03906 19.25 8.37485 19.25 8.78906V10.0391H20.5C20.9142 10.0391 21.25 10.3748 21.25 10.7891C21.25 11.2033 20.9142 11.5391 20.5 11.5391H19.25V12.7891C19.25 13.2033 18.9142 13.5391 18.5 13.5391Z"
      fill={fill}
    />
  </svg>
);

export default UserAdd;
