Переходим к следующему элементу Ant Design - это так называемый Icon или иконки. 

В Ant Design есть встроенный функционал для добавления иконок. Это очень удобно, чтобы, например, вставлять какие-то базовые иконки в свой проект, не подключая каких-то дополнительных библиотек. 

https://antdv.com/components/icon

На этой странице вы можете увидеть соответственно вид и код для подключения этих самых иконок. В принципе, все основные базовые иконки здесь вы можете найти. 

Давайте попробуем посмотреть,, как можно вставлять эти иконки в свой проект.

Первым делом вам нужно установить в свой проект вот такую вот дополнительную библиотеку, чтобы можно было подключать иконки Ant Design.

npm install --save @ant-design/icons-vue

Существуют три типа иконок: 

Outlined - незаполненные фоном иконки

Filled - заполненные фоном

Two Tone - двухтонные

Давайте рассмотрим, как мы можем подключить их к нашему проекту. 

Для начала просто кликаем по нужной и иконке и у нас копируется код для вставки ее в проект.

<template>
  <div>
     <right-outlined></right-outlined>
  </div>
</template>

<script>
import { RightOutlined } from "@ant-design/icons-vue";

Переходим в наш проект и вставляем, соответственно, эту иконку.