ion icons vue import
<!-- for Ionic Vue, change the name="kebab-case" (Ionic's website default) for :icon="camelCase" and make sure to import it in camelCase as well in your <script>.
Example:-->
<template>
<ion-page>
<!-- ... -->
<ion-icon color="primary" :icon="searchCircle"></ion-icon>
<!-- ... -->
</ion-page>
</template>
<script lang="ts">
<!-- ... -->
import { searchCircle } from "ionicons/icons";
<!-- ... -->
</script>