<iconify-icon icon="bxl:twitch"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="bxl:twitch" />Install: npm install @iconify/react
<template>
<Icon icon="bxl:twitch" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="bxl:twitch" />Install: npm install @iconify/svelte
<iconify-icon icon="bxl:twitch"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-twitch::before {
content: '';
background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.265%203L3%206.236v13.223h4.502V21l2.531.85l2.392-2.391h3.658l4.923-4.924V3zm15.052%2010.691l-2.813%202.814h-4.502l-2.391%202.391v-2.391H5.813V4.688h13.504zm-2.812-5.767v4.923h-1.688V7.924zm-4.502%200v4.923h-1.688V7.924z%22%2F%3E');
}Use as CSS background or pseudo-element
<path fill="currentColor" d="M4.265 3L3 6.236v13.223h4.502V21l2.531.85l2.392-2.391h3.658l4.923-4.924V3zm15.052 10.691l-2.813 2.814h-4.502l-2.391 2.391v-2.391H5.813V4.688h13.504zm-2.812-5.767v4.923h-1.688V7.924zm-4.502 0v4.923h-1.688V7.924z"/>Raw SVG code for direct use