<iconify-icon icon="bi:card-image"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="bi:card-image" />Install: npm install @iconify/react
<template>
<Icon icon="bi:card-image" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="bi:card-image" />Install: npm install @iconify/svelte
<iconify-icon icon="bi:card-image"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-card-image::before {
content: '';
background-image: url('data:image/svg+xml,%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.002%205.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%2F%3E%3Cpath%20d%3D%22M1.5%202A1.5%201.5%200%200%200%200%203.5v9A1.5%201.5%200%200%200%201.5%2014h13a1.5%201.5%200%200%200%201.5-1.5v-9A1.5%201.5%200%200%200%2014.5%202zm13%201a.5.5%200%200%201%20.5.5v6l-3.775-1.947a.5.5%200%200%200-.577.093l-3.71%203.71l-2.66-1.772a.5.5%200%200%200-.63.062L1.002%2012v.54L1%2012.5v-9a.5.5%200%200%201%20.5-.5z%22%2F%3E%3C%2Fg%3E');
}Use as CSS background or pseudo-element
<g fill="currentColor"><path d="M6.002 5.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2zm13 1a.5.5 0 0 1 .5.5v6l-3.775-1.947a.5.5 0 0 0-.577.093l-3.71 3.71l-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12v.54L1 12.5v-9a.5.5 0 0 1 .5-.5z"/></g>Raw SVG code for direct use