import React from 'react';

import type { IconProps } from './iconProps';

export const FaceSmileIcon = ({
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ref,
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8.05013 8.17496C8.05013 7.62949 7.60242 7.1873 7.05013 7.1873C6.49785 7.1873 6.05013 7.62949 6.05013 8.17496C6.05013 8.72042 6.49785 9.16261 7.05013 9.16261C7.60242 9.16261 8.05013 8.72042 8.05013 8.17496ZM12.9746 9.16261C12.4223 9.16261 11.9746 8.72042 11.9746 8.17496C11.9746 7.62949 12.4223 7.1873 12.9746 7.1873C13.5269 7.1873 13.9746 7.62949 13.9746 8.17496C13.9746 8.72042 13.5269 9.16261 12.9746 9.16261ZM7.4467 11.4235C7.33167 11.098 6.97459 10.9274 6.64914 11.0425C6.3237 11.1575 6.15312 11.5146 6.26815 11.84C6.81124 13.3766 8.27662 14.479 10.0011 14.479C11.7255 14.479 13.1909 13.3766 13.734 11.84C13.849 11.5146 13.6785 11.1575 13.353 11.0425C13.0276 10.9274 12.6705 11.098 12.5555 11.4235C12.1834 12.4762 11.1793 13.229 10.0011 13.229C8.82283 13.229 7.81879 12.4762 7.4467 11.4235Z"
      fill="currentColor"
    />
  </svg>
);
