content: import React from 'react'
  import { Grid, Icon } from 'semantic-ui-react'
  
  const IconExampleAccessibility = () => (
    <Grid columns='5' doubling>
      <Grid.Column>
        <Icon name='wheelchair' />
        <p>wheelchair</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='asl interpreting' />
        <p>asl interpreting</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='assistive listening systems' />
        <p>assistive listening systems</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='audio description' />
        <p>audio description</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='blind' />
        <p>blind</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='braille' />
        <p>braille</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='deafness' />
        <p>deafness</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='low vision' />
        <p>low vision</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='sign language' />
        <p>sign language</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='universal access' />
        <p>universal access</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='volume control phone' />
        <p>volume control phone</p>
      </Grid.Column>
    </Grid>
  )
  
  export default IconExampleAccessibility
  