<iconify-icon icon="cib:open-id"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="cib:open-id" />Install: npm install @iconify/react
<template>
<Icon icon="cib:open-id" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="cib:open-id" />Install: npm install @iconify/svelte
<iconify-icon icon="cib:open-id"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-open-id::before {
content: '';
background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.969%2027l-4.25%202C7.531%2028.356%202%2024.531%202%2019.887c0-4.469%205.156-8.188%2011.981-9.019v2.688c-4.469.781-7.75%203.313-7.75%206.331c0%203.188%203.656%205.831%208.481%206.438V5.075L18.962%203v24zM30%2018.188l-8.206-1.781l2.3-1.294c-1.219-.719-2.719-1.25-4.375-1.55v-2.688c2.887.344%205.481%201.219%207.519%202.456l2.188-1.238z%22%2F%3E');
}Use as CSS background or pseudo-element
<path fill="currentColor" d="m18.969 27l-4.25 2C7.531 28.356 2 24.531 2 19.887c0-4.469 5.156-8.188 11.981-9.019v2.688c-4.469.781-7.75 3.313-7.75 6.331c0 3.188 3.656 5.831 8.481 6.438V5.075L18.962 3v24zM30 18.188l-8.206-1.781l2.3-1.294c-1.219-.719-2.719-1.25-4.375-1.55v-2.688c2.887.344 5.481 1.219 7.519 2.456l2.188-1.238z"/>Raw SVG code for direct use