// 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 InteractiveIcon = forwardRef((props, ref) => {
    const { 'aria-label': ariaLabel, ...rest } = props
    
    return (
      <Icon {...rest} ref={ref}>
        <svg aria-label="interactive icon" viewBox="0 0 24 24"role='img' {...(ariaLabel && { 'aria-label': ariaLabel })}><path d="M22 10.054h-2.025V5.997H3.996V17.98h8.051V20H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v5.054zm-3.346 5.178 3.199 3.199a.503.503 0 0 1 0 .71l-.711.712a.503.503 0 0 1-.71 0l-3.2-3.2-.937 1.875a.503.503 0 0 1-.911-.027l-3.343-7.8a.503.503 0 0 1 .66-.66l7.8 3.343a.503.503 0 0 1 .027.911l-1.874.937z"/></svg>
      </Icon>
    )
  }) as IconComponent
  
  InteractiveIcon.displayName = "InteractiveIcon"
  InteractiveIcon.colors = Icon.colors
  InteractiveIcon.sizes = Icon.sizes

  export { InteractiveIcon }