text: import React from 'react'
  import { Grid, Icon } from 'semantic-ui-react'
  
  const IconExampleAudio = () => (
    <Grid columns='5' doubling>
      <Grid.Column>
        <Icon name='backward' />
        <p>backward</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='closed captioning' />
        <p>closed captioning</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='eject' />
        <p>eject</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='fast backward' />
        <p>fast backward</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='fast forward' />
        <p>fast forward</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='forward' />
        <p>forward</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='music' />
        <p>music</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='mute' />
        <p>mute</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='pause circle' />
        <p>pause circle</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='pause circle outline' />
        <p>pause circle outline</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='pause' />
        <p>pause</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='play' />
        <p>play</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='record' />
        <p>record</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='step backward' />
        <p>step backward</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='step forward' />
        <p>step forward</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='stop circle' />
        <p>stop circle</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='stop circle outline' />
        <p>stop circle outline</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='stop' />
        <p>stop</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='unmute' />
        <p>unmute</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='video play' />
        <p>video play</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='video play outline' />
        <p>video play outline</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='volume down' />
        <p>volume down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='volume off' />
        <p>volume off</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='volume up' />
        <p>volume up</p>
      </Grid.Column>
    </Grid>
  )
  
  export default IconExampleAudio
  