import * as React from 'react';

    import { IconType } from '../types';

    type SiDicebearProps = React.ComponentPropsWithoutRef<'svg'> & {
      /**
       * The title provides an accessible short text description to the SVG
       */
      title?: string;
      /**
       * Hex color or color name or "default" to use the default hex for each icon
       */
      color?: string;
      /**
       * The size of the Icon.
       */
      size?: string | number;
    }

    const defaultColor = '#0284C7';

    const SiDicebear: IconType = React.forwardRef<SVGSVGElement, SiDicebearProps>(function SiDicebear({title = 'DiceBear', color = 'currentColor', size = 24, ...others }, ref) {
      if (color === 'default') {
        color = defaultColor;
      }

      return (
        <svg
          xmlns='http://www.w3.org/2000/svg'
          width={size}
          height={size}
          fill={color}
          viewBox='0 0 24 24'
          ref={ref}
          {...others}
        >
          <title>{title}</title>
          <path d='M1.5 0A1.5 1.5 0 0 0 0 1.5v21A1.5 1.5 0 0 0 1.5 24h12.84a.99.99 0 0 0 .87-1.468c-.986-1.777-1.929-3.346-2.523-4.024-1.69-1.933-9.626-.13-9.877-6.435-.016-.415.262-.777.655-.908l3.872-1.29c.226-.076.418-.23.547-.43.365-.569 1.182-1.768 1.928-2.375.707-.574 1.85-1.301 3.936-1.636.417-.067.749-.379.952-.75.488-.89 1.457-1.432 2.478-1.285 1.332.192 2.249 1.483 2.048 2.883a.3.3 0 0 0 .094.276c.889.794 1.829 1.894 2.759 3.137.596.797 1.921.393 1.921-.602V1.5A1.5 1.5 0 0 0 22.5 0zm9.375 9.625a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 1 0-2.5 0' />
        </svg>
      );
    });

    export { SiDicebear as default, defaultColor };