<iconify-icon icon="bi:code-slash"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="bi:code-slash" />Install: npm install @iconify/react
<template>
<Icon icon="bi:code-slash" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="bi:code-slash" />Install: npm install @iconify/svelte
<iconify-icon icon="bi:code-slash"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-code-slash::before {
content: '';
background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.478%201.647a.5.5%200%201%200-.956-.294l-4%2013a.5.5%200%200%200%20.956.294zM4.854%204.146a.5.5%200%200%201%200%20.708L1.707%208l3.147%203.146a.5.5%200%200%201-.708.708l-3.5-3.5a.5.5%200%200%201%200-.708l3.5-3.5a.5.5%200%200%201%20.708%200m6.292%200a.5.5%200%200%200%200%20.708L14.293%208l-3.147%203.146a.5.5%200%200%200%20.708.708l3.5-3.5a.5.5%200%200%200%200-.708l-3.5-3.5a.5.5%200%200%200-.708%200%22%2F%3E');
}Use as CSS background or pseudo-element
<path fill="currentColor" d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0m6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0"/>Raw SVG code for direct use