<iconify-icon icon="brandico:yandex"></iconify-icon>Add the Iconify script to your HTML head section
import { Icon } from '@iconify/react';
<Icon icon="brandico:yandex" />Install: npm install @iconify/react
<template>
<Icon icon="brandico:yandex" />
</template>
<script setup>
import { Icon } from '@iconify/vue';
</script>Install: npm install @iconify/vue
<script>
import Icon from '@iconify/svelte';
</script>
<Icon icon="brandico:yandex" />Install: npm install @iconify/svelte
<iconify-icon icon="brandico:yandex"></iconify-icon>Add the Iconify script to your index.html
/* Add to your CSS */
.icon-yandex::before {
content: '';
background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M456.102%20544.012H388.14c-106.741%200-210.255-63.998-210.255-224.006c0-166.693%2097.036-234.679%20195.696-234.679h82.52zM562.843%200H378.434C197.307%200%2043.64%20113.334%2043.64%20333.342c0%20132.002%2074.429%20229.329%20207.016%20277.33L3.235%20978.679c-8.081%2012.009%200%2021.321%2012.901%2021.321h114.833c9.706%200%2016.183-2.662%2019.411-9.312l224.814-361.357H456.1v361.357c0%203.988%204.853%209.312%2011.276%209.312h100.318c9.706%200%2012.945-3.997%2012.945-10.638V13.344C580.639%203.988%20574.161%200%20562.842%200%22%2F%3E');
}Use as CSS background or pseudo-element
<path fill="currentColor" d="M456.102 544.012H388.14c-106.741 0-210.255-63.998-210.255-224.006c0-166.693 97.036-234.679 195.696-234.679h82.52zM562.843 0H378.434C197.307 0 43.64 113.334 43.64 333.342c0 132.002 74.429 229.329 207.016 277.33L3.235 978.679c-8.081 12.009 0 21.321 12.901 21.321h114.833c9.706 0 16.183-2.662 19.411-9.312l224.814-361.357H456.1v361.357c0 3.988 4.853 9.312 11.276 9.312h100.318c9.706 0 12.945-3.997 12.945-10.638V13.344C580.639 3.988 574.161 0 562.842 0"/>Raw SVG code for direct use