import React from 'react';
import { IIcon } from './index';

export const IconOptions: React.FC<IIcon> = (props) => {
  const { className = '', color = '', size = '', ...otherProps } = props;

  return (
    <svg className={`b-icon ${className} ${color} ${size}`} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" {...otherProps}>
      <title>Options Icon</title>
      <g strokeLinecap="square">
        <line fill="none" x1="6" x2="3" y1="9" y2="9" />
        <line fill="none" x1="45" x2="23" y1="9" y2="9" />
        <circle cx="17" cy="9" fill="none" r="6" />
        <line fill="none" x1="45" x2="42" y1="24" y2="24" />
        <line fill="none" x1="25" x2="3" y1="24" y2="24" />
        <circle cx="31" cy="24" fill="none" r="6" />
        <line fill="none" x1="6" x2="3" y1="39" y2="39" />
        <line fill="none" x1="45" x2="23" y1="39" y2="39" />
        <circle cx="17" cy="39" fill="none" r="6" />
      </g>
    </svg>
  );
};