<iconify-icon icon="bpmn:user"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="bpmn:user" />Install: npm install @iconify/react
<template>
<Icon icon="bpmn:user" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="bpmn:user" />Install: npm install @iconify/svelte
<iconify-icon icon="bpmn:user"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-user::before {
content: '';
background-image: url('data:image/svg+xml,%3Cg%20stroke%3D%22currentColor%22%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%222.3%22%20stroke-width%3D%2270%22%20d%3D%22M722.297%20656.594C722.317%20737.279%20768%20840%20821.517%20880.15c14.362%2010.775%201.471%207.63%2018.999%2018.584C704.714%20939.974%20528%201010%20448%201160v420h1087.5v-420c-80-150-256.714-220.026-392.515-261.266c96-60%20118.195-143.433%20118.218-242.14C1260.89%20520%201151.5%20400%20991.75%20400S722.61%20520%20722.297%20656.594z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M752%20550c38.64%203.52%2039.962-25.563%20145.847-19.322c158.153%209.322%20107.028%2057.135%20214.93%2060.28c84.098-3.145%2080.524-29.91%20119.223-40.958c-64-70-127.297-114.535-240-150q-144%2045-240%20150z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-width%3D%2270%22%20d%3D%22M684%201560v-280m614%20280v-280M768%20920s-37.712%20122.288%200%20160c105.595%20105.595%20342.405%20105.595%20448%200c37.712-37.712%200-160%200-160%22%2F%3E%3C%2Fg%3E');
}Use as CSS background or pseudo-element
<g stroke="currentColor"><path fill="none" stroke-linecap="round" stroke-miterlimit="2.3" stroke-width="70" d="M722.297 656.594C722.317 737.279 768 840 821.517 880.15c14.362 10.775 1.471 7.63 18.999 18.584C704.714 939.974 528 1010 448 1160v420h1087.5v-420c-80-150-256.714-220.026-392.515-261.266c96-60 118.195-143.433 118.218-242.14C1260.89 520 1151.5 400 991.75 400S722.61 520 722.297 656.594z"/><path fill="currentColor" fill-rule="evenodd" d="M752 550c38.64 3.52 39.962-25.563 145.847-19.322c158.153 9.322 107.028 57.135 214.93 60.28c84.098-3.145 80.524-29.91 119.223-40.958c-64-70-127.297-114.535-240-150q-144 45-240 150z"/><path fill="none" stroke-width="70" d="M684 1560v-280m614 280v-280M768 920s-37.712 122.288 0 160c105.595 105.595 342.405 105.595 448 0c37.712-37.712 0-160 0-160"/></g>Raw SVG code for direct use