content: import React from 'react'
  import { Grid, Icon } from 'semantic-ui-react'
  
  const IconExamplePointers = () => (
    <Grid columns='5' doubling>
      <Grid.Column>
        <Icon name='angle double down' />
        <p>angle double down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='angle double left' />
        <p>angle double left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='angle double right' />
        <p>angle double right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='angle double up' />
        <p>angle double up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='angle down' />
        <p>angle down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='angle left' />
        <p>angle left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='angle right' />
        <p>angle right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='angle up' />
        <p>angle up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle down' />
        <p>arrow circle down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle left' />
        <p>arrow circle left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle outline down' />
        <p>arrow circle outline down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle outline left' />
        <p>arrow circle outline left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle outline right' />
        <p>arrow circle outline right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle outline up' />
        <p>arrow circle outline up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle right' />
        <p>arrow circle right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow circle up' />
        <p>arrow circle up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow down' />
        <p>arrow down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow left' />
        <p>arrow left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow right' />
        <p>arrow right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='arrow up' />
        <p>arrow up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='caret down' />
        <p>caret down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='caret left' />
        <p>caret left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='caret right' />
        <p>caret right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='caret up' />
        <p>caret up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron circle down' />
        <p>chevron circle down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron circle left' />
        <p>chevron circle left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron circle right' />
        <p>chevron circle right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron circle up' />
        <p>chevron circle up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron down' />
        <p>chevron down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron left' />
        <p>chevron left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron right' />
        <p>chevron right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='chevron up' />
        <p>chevron up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='long arrow down' />
        <p>long arrow down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='long arrow left' />
        <p>long arrow left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='long arrow right' />
        <p>long arrow right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='long arrow up' />
        <p>long arrow up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='pointing down' />
        <p>pointing down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='pointing left' />
        <p>pointing left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='pointing right' />
        <p>pointing right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='pointing up' />
        <p>pointing up</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='toggle down' />
        <p>toggle down</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='toggle left' />
        <p>toggle left</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='toggle right' />
        <p>toggle right</p>
      </Grid.Column>
      <Grid.Column>
        <Icon name='toggle up' />
        <p>toggle up</p>
      </Grid.Column>
    </Grid>
  )
  
  export default IconExamplePointers
  