<template>
  <div>
    <box gap="10px 10px">
      <icon type="success" />
      <icon type="info" />
      <icon type="info_circle" />
      <icon type="warn" />
      <icon type="waiting" />
      <icon type="waiting_circle" />
      <icon type="safe_success" />
      <icon type="safe_warn" />
      <icon type="success_circle" />
      <icon type="success_no_circle" />
      <icon type="circle" />
      <icon type="download" />
      <icon type="cancel" />
      <icon type="search" />
      <icon type="clear" />
      <br>
      <icon
        type="success"
        class="icon_big"
      />
      <icon
        type="info"
        class="icon_big"
      />
      <icon
        type="safe_success"
        class="icon_big"
      />
      <icon
        type="safe_warn"
        class="icon_big"
      />
    </box>
  </div>
</template>

<script>
import { Box, Icon } from '../components/_index'

export default {
  components: {
    Box,
    Icon
  }
}
</script>
