<iconify-icon icon="charm:image"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="charm:image" />Install: npm install @iconify/react
<template>
<Icon icon="charm:image" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="charm:image" />Install: npm install @iconify/svelte
<iconify-icon icon="charm:image"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-image::before {
content: '';
background-image: url('data:image/svg+xml,%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Crect%20width%3D%2212.5%22%20height%3D%2210.5%22%20x%3D%221.75%22%20y%3D%222.75%22%2F%3E%3Cpath%20d%3D%22m3.75%2013.2%206.5-5.5%204%203%22%2F%3E%3Ccircle%20cx%3D%225.25%22%20cy%3D%226.25%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E');
}Use as CSS background or pseudo-element
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><rect width="12.5" height="10.5" x="1.75" y="2.75"/><path d="m3.75 13.2 6.5-5.5 4 3"/><circle cx="5.25" cy="6.25" r=".5" fill="currentColor"/></g>Raw SVG code for direct use