
  // This file is generated by running the "icons" bin script.
  // Manual changes might be lost - proceed with caution!
  
  import React, { forwardRef } from 'react'
  import Icon, { IconComponent } from '..'
  
  
  const ThumbDownFilledIcon = forwardRef((props, ref) => {
    const { 'aria-label': ariaLabel, ...rest } = props
    
    return (
      <Icon {...rest} ref={ref}>
        <svg aria-label="thumb down filled icon" viewBox="0 0 24 24"role='img' {...(ariaLabel && { 'aria-label': ariaLabel })}><path fillRule="evenodd" d="M16.02 15.202c-.632.101-1.13.226-1.42.298-1.288.368-2.76 1.424-3 2.8-.187 1.072-.183 2.211-.18 2.941v.243C11.42 22.906 11 23 10 23c-.578 0-1.502-.128-2.3-1.016-.665-.739-1.04-1.484-1.04-2.884 0-.883.052-1.712.2-2.407.073-.341-.18-.693-.53-.693H3.8C2.3 16 1 14.7 1 13.2c0-.53.156-.982.261-1.287L1.3 11.8l-.034-.1C1.16 11.394 1 10.927 1 10.3c0-.627.16-1.094.266-1.4l.034-.1C1.1 8.4 1 8 1 7.3c0-1.2.7-1.9 1-2.2v-.3C2 3.2 3.2 2 4.8 2H9c2.7 0 4.3.6 5.9 1.2l.3.1c.062.062.353.162.873.324A1 1 0 0 1 17 3h4a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-4a1 1 0 0 1-.98-.798zM20 14h-2V5h2v9z"/></svg>
      </Icon>
    )
  }) as IconComponent
  
  ThumbDownFilledIcon.displayName = "ThumbDownFilledIcon"
  ThumbDownFilledIcon.colors = Icon.colors
  ThumbDownFilledIcon.sizes = Icon.sizes

  export { ThumbDownFilledIcon }
  