// 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 VolumeOffIcon = forwardRef((props, ref) => {
    const { 'aria-label': ariaLabel, ...rest } = props
    
    return (
      <Icon {...rest} ref={ref}>
        <svg aria-label="volume off icon" viewBox="0 0 24 24"role='img' {...(ariaLabel && { 'aria-label': ariaLabel })}><path fillRule="evenodd" clipRule="evenodd" d="m7 8 5.146-5.147a.5.5 0 0 1 .854.354v17.586a.5.5 0 0 1-.854.354L7 16H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3zm-2 2v4h3l3 3V7l-3 3H5zm16.182.232L19.414 12l1.768 1.768a.5.5 0 0 1 0 .707l-.707.707a.5.5 0 0 1-.707 0L18 13.414l-1.768 1.768a.5.5 0 0 1-.707 0l-.707-.707a.5.5 0 0 1 0-.707L16.586 12l-1.768-1.768a.5.5 0 0 1 0-.707l.707-.707a.5.5 0 0 1 .707 0L18 10.586l1.768-1.768a.5.5 0 0 1 .707 0l.707.707a.5.5 0 0 1 0 .707z"/></svg>
      </Icon>
    )
  }) as IconComponent
  
  VolumeOffIcon.displayName = "VolumeOffIcon"
  VolumeOffIcon.colors = Icon.colors
  VolumeOffIcon.sizes = Icon.sizes

  export { VolumeOffIcon }