import * as React from 'react';
import IconBase from '../../lib/IconBase';
import type { IconProps } from '../../lib/types';

const weights = { 'regular': <><path fill="currentColor" d="M24 4H8a4 4 0 0 0-4 4v16a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4m2 20a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2zM14 12.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m7 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-7 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m7 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/></>, 'thin': <><path fill="currentColor" d="M24 4.5H8A3.5 3.5 0 0 0 4.5 8v16A3.5 3.5 0 0 0 8 27.5h16a3.5 3.5 0 0 0 3.5-3.5V8A3.5 3.5 0 0 0 24 4.5M26.5 24a2.5 2.5 0 0 1-2.5 2.5H8A2.5 2.5 0 0 1 5.5 24V8A2.5 2.5 0 0 1 8 5.5h16A2.5 2.5 0 0 1 26.5 8zm-13-11.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0m7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-7 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0m7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></>, 'light': <><path fill="currentColor" d="M24 4.25H8A3.75 3.75 0 0 0 4.25 8v16A3.75 3.75 0 0 0 8 27.75h16A3.75 3.75 0 0 0 27.75 24V8A3.75 3.75 0 0 0 24 4.25M26.25 24A2.25 2.25 0 0 1 24 26.25H8A2.25 2.25 0 0 1 5.75 24V8A2.25 2.25 0 0 1 8 5.75h16A2.25 2.25 0 0 1 26.25 8zm-12.5-11.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m7 0a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m-7 7a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m7 0a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0"/></>, 'bold': <><path fill="currentColor" d="M24 3.5H8A4.5 4.5 0 0 0 3.5 8v16A4.5 4.5 0 0 0 8 28.5h16a4.5 4.5 0 0 0 4.5-4.5V8A4.5 4.5 0 0 0 24 3.5M25.5 24a1.5 1.5 0 0 1-1.5 1.5H8A1.5 1.5 0 0 1 6.5 24V8A1.5 1.5 0 0 1 8 6.5h16A1.5 1.5 0 0 1 25.5 8zM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-8 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></>, 'fill': <><path fill="currentColor" d="M24 4H8a4 4 0 0 0-4 4v16a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4M12.5 21a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0-7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m7 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0-7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/></>, 'duotone': <><path fill="currentColor" d="M27 8v16a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3" opacity=".08"/><path fill="currentColor" d="M24 4H8a4 4 0 0 0-4 4v16a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4m2 20a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2zM14 12.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m7 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-7 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m7 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/></> } as const;
const meta = { collection: 'phosphor', usageName: 'dice-four', componentName: 'DiceFour' } as const;
const defaultViewBox = "0 0 32 32";

export const DiceFour: React.FC<IconProps> = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
  return <IconBase ref={ref} {...props} meta={meta} viewBox={defaultViewBox} weights={weights as any} />;
});

DiceFour.displayName = 'DiceFour';

export default DiceFour;