Icon

<Box flexDirection="row" flexWrap="wrap">
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="activity" size={24} />
    <Text size="small">activity</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="airplay" size={24} />
    <Text size="small">airplay</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="alert-circle" size={24} />
    <Text size="small">alert-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="alert-octagon" size={24} />
    <Text size="small">alert-octagon</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="alert-triangle" size={24} />
    <Text size="small">alert-triangle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="align-center" size={24} />
    <Text size="small">align-center</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="align-justify" size={24} />
    <Text size="small">align-justify</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="align-left" size={24} />
    <Text size="small">align-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="align-right" size={24} />
    <Text size="small">align-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="anchor" size={24} />
    <Text size="small">anchor</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="aperture" size={24} />
    <Text size="small">aperture</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="archive" size={24} />
    <Text size="small">archive</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-down-circle" size={24} />
    <Text size="small">arrow-down-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-down-left" size={24} />
    <Text size="small">arrow-down-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-down-right" size={24} />
    <Text size="small">arrow-down-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-down" size={24} />
    <Text size="small">arrow-down</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-left-circle" size={24} />
    <Text size="small">arrow-left-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-left" size={24} />
    <Text size="small">arrow-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-right-circle" size={24} />
    <Text size="small">arrow-right-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-right" size={24} />
    <Text size="small">arrow-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-up-circle" size={24} />
    <Text size="small">arrow-up-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-up-left" size={24} />
    <Text size="small">arrow-up-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-up-right" size={24} />
    <Text size="small">arrow-up-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="arrow-up" size={24} />
    <Text size="small">arrow-up</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="at-sign" size={24} />
    <Text size="small">at-sign</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="award" size={24} />
    <Text size="small">award</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="bar-chart-2" size={24} />
    <Text size="small">bar-chart-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="bar-chart" size={24} />
    <Text size="small">bar-chart</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="battery-charging" size={24} />
    <Text size="small">battery-charging</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="battery" size={24} />
    <Text size="small">battery</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="bell-off" size={24} />
    <Text size="small">bell-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="bell" size={24} />
    <Text size="small">bell</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="bluetooth" size={24} />
    <Text size="small">bluetooth</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="bold" size={24} />
    <Text size="small">bold</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="book-open" size={24} />
    <Text size="small">book-open</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="book" size={24} />
    <Text size="small">book</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="bookmark" size={24} />
    <Text size="small">bookmark</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="box" size={24} />
    <Text size="small">box</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="briefcase" size={24} />
    <Text size="small">briefcase</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="calendar" size={24} />
    <Text size="small">calendar</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="camera-off" size={24} />
    <Text size="small">camera-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="camera" size={24} />
    <Text size="small">camera</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cast" size={24} />
    <Text size="small">cast</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="check-circle" size={24} />
    <Text size="small">check-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="check-square" size={24} />
    <Text size="small">check-square</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="check" size={24} />
    <Text size="small">check</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevron-down" size={24} />
    <Text size="small">chevron-down</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevron-left" size={24} />
    <Text size="small">chevron-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevron-right" size={24} />
    <Text size="small">chevron-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevron-up" size={24} />
    <Text size="small">chevron-up</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevrons-down" size={24} />
    <Text size="small">chevrons-down</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevrons-left" size={24} />
    <Text size="small">chevrons-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevrons-right" size={24} />
    <Text size="small">chevrons-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chevrons-up" size={24} />
    <Text size="small">chevrons-up</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="chrome" size={24} />
    <Text size="small">chrome</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="circle" size={24} />
    <Text size="small">circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="clipboard" size={24} />
    <Text size="small">clipboard</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="clock" size={24} />
    <Text size="small">clock</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cloud-drizzle" size={24} />
    <Text size="small">cloud-drizzle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cloud-lightning" size={24} />
    <Text size="small">cloud-lightning</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cloud-off" size={24} />
    <Text size="small">cloud-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cloud-rain" size={24} />
    <Text size="small">cloud-rain</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cloud-snow" size={24} />
    <Text size="small">cloud-snow</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cloud" size={24} />
    <Text size="small">cloud</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="code" size={24} />
    <Text size="small">code</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="codepen" size={24} />
    <Text size="small">codepen</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="coffee" size={24} />
    <Text size="small">coffee</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="command" size={24} />
    <Text size="small">command</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="compass" size={24} />
    <Text size="small">compass</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="copy" size={24} />
    <Text size="small">copy</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-down-left" size={24} />
    <Text size="small">corner-down-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-down-right" size={24} />
    <Text size="small">corner-down-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-left-down" size={24} />
    <Text size="small">corner-left-down</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-left-up" size={24} />
    <Text size="small">corner-left-up</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-right-down" size={24} />
    <Text size="small">corner-right-down</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-right-up" size={24} />
    <Text size="small">corner-right-up</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-up-left" size={24} />
    <Text size="small">corner-up-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="corner-up-right" size={24} />
    <Text size="small">corner-up-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="cpu" size={24} />
    <Text size="small">cpu</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="credit-card" size={24} />
    <Text size="small">credit-card</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="crop" size={24} />
    <Text size="small">crop</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="crosshair" size={24} />
    <Text size="small">crosshair</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="database" size={24} />
    <Text size="small">database</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="delete" size={24} />
    <Text size="small">delete</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="disc" size={24} />
    <Text size="small">disc</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="dollar-sign" size={24} />
    <Text size="small">dollar-sign</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="download-cloud" size={24} />
    <Text size="small">download-cloud</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="download" size={24} />
    <Text size="small">download</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="droplet" size={24} />
    <Text size="small">droplet</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="edit-2" size={24} />
    <Text size="small">edit-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="edit-3" size={24} />
    <Text size="small">edit-3</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="edit" size={24} />
    <Text size="small">edit</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="external-link" size={24} />
    <Text size="small">external-link</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="eye-off" size={24} />
    <Text size="small">eye-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="eye" size={24} />
    <Text size="small">eye</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="facebook" size={24} />
    <Text size="small">facebook</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="fast-forward" size={24} />
    <Text size="small">fast-forward</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="feather" size={24} />
    <Text size="small">feather</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="file-minus" size={24} />
    <Text size="small">file-minus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="file-plus" size={24} />
    <Text size="small">file-plus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="file-text" size={24} />
    <Text size="small">file-text</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="file" size={24} />
    <Text size="small">file</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="film" size={24} />
    <Text size="small">film</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="filter" size={24} />
    <Text size="small">filter</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="flag" size={24} />
    <Text size="small">flag</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="folder-minus" size={24} />
    <Text size="small">folder-minus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="folder-plus" size={24} />
    <Text size="small">folder-plus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="folder" size={24} />
    <Text size="small">folder</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="gift" size={24} />
    <Text size="small">gift</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="git-branch" size={24} />
    <Text size="small">git-branch</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="git-commit" size={24} />
    <Text size="small">git-commit</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="git-merge" size={24} />
    <Text size="small">git-merge</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="git-pull-request" size={24} />
    <Text size="small">git-pull-request</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="github" size={24} />
    <Text size="small">github</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="gitlab" size={24} />
    <Text size="small">gitlab</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="globe" size={24} />
    <Text size="small">globe</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="grid" size={24} />
    <Text size="small">grid</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="hard-drive" size={24} />
    <Text size="small">hard-drive</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="hash" size={24} />
    <Text size="small">hash</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="headphones" size={24} />
    <Text size="small">headphones</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="heart" size={24} />
    <Text size="small">heart</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="help-circle" size={24} />
    <Text size="small">help-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="home" size={24} />
    <Text size="small">home</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="image" size={24} />
    <Text size="small">image</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="inbox" size={24} />
    <Text size="small">inbox</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="info" size={24} />
    <Text size="small">info</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="instagram" size={24} />
    <Text size="small">instagram</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="italic" size={24} />
    <Text size="small">italic</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="layers" size={24} />
    <Text size="small">layers</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="layout" size={24} />
    <Text size="small">layout</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="life-buoy" size={24} />
    <Text size="small">life-buoy</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="link-2" size={24} />
    <Text size="small">link-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="link" size={24} />
    <Text size="small">link</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="linkedin" size={24} />
    <Text size="small">linkedin</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="list" size={24} />
    <Text size="small">list</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="loader" size={24} />
    <Text size="small">loader</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="lock" size={24} />
    <Text size="small">lock</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="log-in" size={24} />
    <Text size="small">log-in</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="log-out" size={24} />
    <Text size="small">log-out</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="mail" size={24} />
    <Text size="small">mail</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="map-pin" size={24} />
    <Text size="small">map-pin</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="map" size={24} />
    <Text size="small">map</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="maximize-2" size={24} />
    <Text size="small">maximize-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="maximize" size={24} />
    <Text size="small">maximize</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="menu" size={24} />
    <Text size="small">menu</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="message-circle" size={24} />
    <Text size="small">message-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="message-square" size={24} />
    <Text size="small">message-square</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="mic-off" size={24} />
    <Text size="small">mic-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="mic" size={24} />
    <Text size="small">mic</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="minimize-2" size={24} />
    <Text size="small">minimize-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="minimize" size={24} />
    <Text size="small">minimize</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="minus-circle" size={24} />
    <Text size="small">minus-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="minus-square" size={24} />
    <Text size="small">minus-square</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="minus" size={24} />
    <Text size="small">minus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="monitor" size={24} />
    <Text size="small">monitor</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="moon" size={24} />
    <Text size="small">moon</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="more-horizontal" size={24} />
    <Text size="small">more-horizontal</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="more-vertical" size={24} />
    <Text size="small">more-vertical</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="move" size={24} />
    <Text size="small">move</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="music" size={24} />
    <Text size="small">music</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="navigation-2" size={24} />
    <Text size="small">navigation-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="navigation" size={24} />
    <Text size="small">navigation</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="octagon" size={24} />
    <Text size="small">octagon</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="package" size={24} />
    <Text size="small">package</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="paperclip" size={24} />
    <Text size="small">paperclip</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="pause-circle" size={24} />
    <Text size="small">pause-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="pause" size={24} />
    <Text size="small">pause</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="percent" size={24} />
    <Text size="small">percent</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="phone-call" size={24} />
    <Text size="small">phone-call</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="phone-forwarded" size={24} />
    <Text size="small">phone-forwarded</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="phone-incoming" size={24} />
    <Text size="small">phone-incoming</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="phone-missed" size={24} />
    <Text size="small">phone-missed</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="phone-off" size={24} />
    <Text size="small">phone-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="phone-outgoing" size={24} />
    <Text size="small">phone-outgoing</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="phone" size={24} />
    <Text size="small">phone</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="pie-chart" size={24} />
    <Text size="small">pie-chart</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="play-circle" size={24} />
    <Text size="small">play-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="play" size={24} />
    <Text size="small">play</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="plus-circle" size={24} />
    <Text size="small">plus-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="plus-square" size={24} />
    <Text size="small">plus-square</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="plus" size={24} />
    <Text size="small">plus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="pocket" size={24} />
    <Text size="small">pocket</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="power" size={24} />
    <Text size="small">power</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="printer" size={24} />
    <Text size="small">printer</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="radio" size={24} />
    <Text size="small">radio</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="refresh-ccw" size={24} />
    <Text size="small">refresh-ccw</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="refresh-cw" size={24} />
    <Text size="small">refresh-cw</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="repeat" size={24} />
    <Text size="small">repeat</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="rewind" size={24} />
    <Text size="small">rewind</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="rotate-ccw" size={24} />
    <Text size="small">rotate-ccw</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="rotate-cw" size={24} />
    <Text size="small">rotate-cw</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="rss" size={24} />
    <Text size="small">rss</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="save" size={24} />
    <Text size="small">save</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="scissors" size={24} />
    <Text size="small">scissors</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="search" size={24} />
    <Text size="small">search</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="send" size={24} />
    <Text size="small">send</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="server" size={24} />
    <Text size="small">server</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="settings" size={24} />
    <Text size="small">settings</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="share-2" size={24} />
    <Text size="small">share-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="share" size={24} />
    <Text size="small">share</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="shield-off" size={24} />
    <Text size="small">shield-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="shield" size={24} />
    <Text size="small">shield</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="shopping-bag" size={24} />
    <Text size="small">shopping-bag</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="shopping-cart" size={24} />
    <Text size="small">shopping-cart</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="shuffle" size={24} />
    <Text size="small">shuffle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="sidebar" size={24} />
    <Text size="small">sidebar</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="skip-back" size={24} />
    <Text size="small">skip-back</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="skip-forward" size={24} />
    <Text size="small">skip-forward</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="slack" size={24} />
    <Text size="small">slack</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="slash" size={24} />
    <Text size="small">slash</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="sliders" size={24} />
    <Text size="small">sliders</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="smartphone" size={24} />
    <Text size="small">smartphone</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="speaker" size={24} />
    <Text size="small">speaker</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="square" size={24} />
    <Text size="small">square</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="star" size={24} />
    <Text size="small">star</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="stop-circle" size={24} />
    <Text size="small">stop-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="sun" size={24} />
    <Text size="small">sun</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="sunrise" size={24} />
    <Text size="small">sunrise</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="sunset" size={24} />
    <Text size="small">sunset</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="tablet" size={24} />
    <Text size="small">tablet</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="tag" size={24} />
    <Text size="small">tag</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="target" size={24} />
    <Text size="small">target</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="terminal" size={24} />
    <Text size="small">terminal</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="thermometer" size={24} />
    <Text size="small">thermometer</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="thumbs-down" size={24} />
    <Text size="small">thumbs-down</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="thumbs-up" size={24} />
    <Text size="small">thumbs-up</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="toggle-left" size={24} />
    <Text size="small">toggle-left</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="toggle-right" size={24} />
    <Text size="small">toggle-right</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="trash-2" size={24} />
    <Text size="small">trash-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="trash" size={24} />
    <Text size="small">trash</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="trending-down" size={24} />
    <Text size="small">trending-down</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="trending-up" size={24} />
    <Text size="small">trending-up</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="triangle" size={24} />
    <Text size="small">triangle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="truck" size={24} />
    <Text size="small">truck</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="tv" size={24} />
    <Text size="small">tv</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="twitter" size={24} />
    <Text size="small">twitter</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="type" size={24} />
    <Text size="small">type</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="umbrella" size={24} />
    <Text size="small">umbrella</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="underline" size={24} />
    <Text size="small">underline</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="unlock" size={24} />
    <Text size="small">unlock</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="upload-cloud" size={24} />
    <Text size="small">upload-cloud</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="upload" size={24} />
    <Text size="small">upload</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="user-check" size={24} />
    <Text size="small">user-check</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="user-minus" size={24} />
    <Text size="small">user-minus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="user-plus" size={24} />
    <Text size="small">user-plus</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="user-x" size={24} />
    <Text size="small">user-x</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="user" size={24} />
    <Text size="small">user</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="users" size={24} />
    <Text size="small">users</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="video-off" size={24} />
    <Text size="small">video-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="video" size={24} />
    <Text size="small">video</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="voicemail" size={24} />
    <Text size="small">voicemail</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="volume-1" size={24} />
    <Text size="small">volume-1</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="volume-2" size={24} />
    <Text size="small">volume-2</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="volume-x" size={24} />
    <Text size="small">volume-x</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="volume" size={24} />
    <Text size="small">volume</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="watch" size={24} />
    <Text size="small">watch</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="wifi-off" size={24} />
    <Text size="small">wifi-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="wifi" size={24} />
    <Text size="small">wifi</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="wind" size={24} />
    <Text size="small">wind</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="x-circle" size={24} />
    <Text size="small">x-circle</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="x-square" size={24} />
    <Text size="small">x-square</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="x" size={24} />
    <Text size="small">x</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="youtube" size={24} />
    <Text size="small">youtube</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="zap-off" size={24} />
    <Text size="small">zap-off</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="zap" size={24} />
    <Text size="small">zap</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="zoom-in" size={24} />
    <Text size="small">zoom-in</Text>
  </Box>
  <Box
    padding={32}
    alignItems="center"
    width={186}
    height={120}
    justifyContent="space-between"
  >
    <Icon name="zoom-out" size={24} />
    <Text size="small">zoom-out</Text>
  </Box>
</Box>