<iconify-icon icon="academicons:acclaim"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="academicons:acclaim" />Install: npm install @iconify/react
<template>
<Icon icon="academicons:acclaim" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="academicons:acclaim" />Install: npm install @iconify/svelte
<iconify-icon icon="academicons:acclaim"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-acclaim::before {
content: '';
background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%2064C176.376%2074.86%2034.879%20208.266%2027.429%20221.373v72.22c10.325.253%20147.565-143.552%20164.571-150.382c17.006%206.83%20154.246%20150.635%20164.571%20150.382v-72.22C349.121%20208.266%20207.624%2074.859%20192%2064m0%20154.406C176.376%20229.266%2034.879%20362.672%2027.429%20375.78V448c10.325.254%20147.565-143.551%20164.571-150.383C209.006%20304.448%20346.246%20448.253%20356.571%20448v-72.221C349.121%20362.672%20207.624%20229.266%20192%20218.406%22%2F%3E');
}Use as CSS background or pseudo-element
<path fill="currentColor" d="M192 64C176.376 74.86 34.879 208.266 27.429 221.373v72.22c10.325.253 147.565-143.552 164.571-150.382c17.006 6.83 154.246 150.635 164.571 150.382v-72.22C349.121 208.266 207.624 74.859 192 64m0 154.406C176.376 229.266 34.879 362.672 27.429 375.78V448c10.325.254 147.565-143.551 164.571-150.383C209.006 304.448 346.246 448.253 356.571 448v-72.221C349.121 362.672 207.624 229.266 192 218.406"/>Raw SVG code for direct use