Иконка Visernic Light
selfhst:visernic-light
Иконка Visernic Light (selfhst:visernic-light) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Теги
- viserniclight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M492.5 355c-38.9 94.9-138.6 159.7-241.2 156.8h-.1C109 508.6-4.8 390.2.2 248C4.1 107.6 124.6-5.9 265 .4c92 1.7 179.6 58.8 219.9 140.9c3.5 6.7 6.5 13.6 9.3 20.7c.3.7.6 1.6.7 2c0 .1.1.2.1.3c0 .4-.5-.4-1.1-1.1l-.9-1.2c-28.1-34.4-74.5-47.7-116.4-32.1c-32.3-30.7-75.8-48.8-120.5-48.1C133.6 80.6 48.6 207.6 94.2 320.6C139 431.4 280 466 370.6 387.2c40.4-35 62.7-87.6 59.3-141.2c-.4-11.6-2.5-21.4-4.9-32.9c-.1-.8-.2-1.3-.1-1.5s.5-.3 1.2-.7c1.1-.5 2.4-1.1 3.5-1.6c24.8-11.2 54.4-10.6 78 4.1c.4.2.9.5 1 .8c.2.5.2.9.3 1.7C516 262.8 511 311 492.5 355m-72-224.4c-8-.2-16.9-.4-23.4 1c-11.8 2-25.2 7-35 13.1c-11.1 6.8-18.9 14.5-28.6 26.1c-5.8 6.7-11.3 13.2-16.9 19.8c-19.7 23.5-39 45.9-58.3 68.9c-5-5.1-10.2-10.1-15.7-15c-6.7-6.7-14.1-12.6-22-17.7c-30-20.2-70-20.9-100.8-1.6c-1.6 1.2-3 2.8-2.9 4.7c.1 2.3 2.1 4.3 3.6 6c11.1 11.8 22.2 23.3 33.2 35c7.2 7.6 14.8 15.6 22 23.3c3.1 3 5.9 6.6 9.1 9.7c.1.1.3.3.5.7c.3.3.6.7.8 1c5.2 5.6 10.7 11.6 15.9 17.3c4.8 5.1 9.7 10.3 14.4 15.5c11.2 12.7 20.4 22.1 38 24.1h.2c11 .9 22.4-2 31.1-8.8c4.7-3.2 15.3-16.4 21.4-23.4c5.5-6.4 15-17.7 19.4-22.9c16.6-19.6 34.1-40.5 50.4-59.9c5.1-6.1 9.7-11.5 14.8-17.4c11.6-13.8 28.9-25.9 46.1-30.8c22.6-6.7 45.3-5.7 66.5 4.9c.7.3 1.6.7 2.3 1c.9.3.8.2.7-.2c-5-17.2-13.9-33.7-26.9-46.4c-15.6-15.8-37.8-26.4-59.9-28"/></svg>Как использовать иконку Visernic Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:visernic-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:visernic-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:visernic-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--visernic-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:visernic-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:visernic-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/visernic-light.svg" alt="Иконка Visernic Light" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Visernic Light
Можно ли бесплатно использовать иконку Visernic Light в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Visernic Light в React?
Установите @iconify/react и выведите <Icon icon="selfhst:visernic-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Visernic Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/visernic-light.svg" alt="Иконка Visernic Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.