<iconify-icon icon="bxl:vuejs"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="bxl:vuejs" />Install: npm install @iconify/react
<template>
<Icon icon="bxl:vuejs" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="bxl:vuejs" />Install: npm install @iconify/svelte
<iconify-icon icon="bxl:vuejs"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-vuejs::before {
content: '';
background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12%2012.765l5.592-9.437h-3.276L12%207.33v.002L9.688%203.328h-3.28z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.461%203.332L12%2014.235L5.539%203.332H1.992L12%2020.672l10.008-17.34z%22%2F%3E');
}Use as CSS background or pseudo-element
<path fill="currentColor" d="m12 12.765l5.592-9.437h-3.276L12 7.33v.002L9.688 3.328h-3.28z"/><path fill="currentColor" d="M18.461 3.332L12 14.235L5.539 3.332H1.992L12 20.672l10.008-17.34z"/>Raw SVG code for direct use