
  // 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 ArrowDownIcon = forwardRef((props, ref) => {
    const { 'aria-label': ariaLabel, ...rest } = props
    
    return (
      <Icon {...rest} ref={ref}>
        <svg aria-label="arrow down icon" viewBox="0 0 24 24"role='img' {...(ariaLabel && { 'aria-label': ariaLabel })}><path fillRule="evenodd" clipRule="evenodd" d="M11.5 3a.5.5 0 0 0-.5.5v13.666l-4.479-4.48a.25.25 0 0 0-.354 0l-1.06 1.061a.25.25 0 0 0 0 .354L12 20.995l6.894-6.894a.25.25 0 0 0 0-.354l-1.06-1.06a.25.25 0 0 0-.354 0L13 17.167V3.5a.5.5 0 0 0-.5-.5h-1z"/></svg>
      </Icon>
    )
  }) as IconComponent
  
  ArrowDownIcon.displayName = "ArrowDownIcon"
  ArrowDownIcon.colors = Icon.colors
  ArrowDownIcon.sizes = Icon.sizes

  export { ArrowDownIcon }
  