Иконка Cyberhaven
selfhst:cyberhaven
Иконка Cyberhaven (selfhst:cyberhaven) — бесплатная 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
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#1d1d1d" d="M280.4 512c-69.7 0-135-24.2-183.8-68.2c-49-44.1-78.1-105.2-82-171.9c-.5-9.4 6.7-17.4 16.2-18s17.6 6.6 18.1 16c3.4 57.8 28.5 110.6 70.8 148.7c42.4 38.3 99.5 59.4 160.6 59.4c69.8 0 130.6-27.7 170-76.8c1.3-1.6.9-4-.9-5.1l-79.8-51.8c-2.2-1.4-5-1.3-7 .4c-25.2 21.4-65.2 36.6-97.4 36.6c-106.7 0-189.1-80-191.7-186.1c-1.2-47.1 16.4-93 49.5-129.3c33-36.2 77.8-59 126.2-64.2C350.2-9 443 32.1 491.6 109l4.3 6.8c2.6 4 1.4 9.4-2.7 12L383.6 199s-7.8 5.3-9.6 6.6c-6.8 5-16.3 4.3-22.3-1.6c-3.2-3.2-12.4-12.1-16.1-15.2c-13.5-11.6-29.4-18.8-45.9-21q-10.5-1.35-21 0c-39.9 5-72.8 37.1-78.4 76.3c-1.3 9-9.5 15.7-18.6 14.9c-9.8-.9-16.8-9.7-15.4-19.3c7.6-54.3 53.1-98.8 108.2-105.7c9.8-1.2 19.8-1.2 29.7.1c23.3 3 45.4 13.1 64 29c1.1 1 2.5 2.2 4.1 3.6c2 1.8 5 2.1 7.2.6l80.3-52c1.7-1.1 2.1-3.5.9-5.1C406.6 55.4 332.9 27 253 35.5c-40 4.3-77.1 23.2-104.4 53.2c-27.2 29.8-41.6 67.4-40.7 105.7c2.2 88.6 68.4 152.9 157.4 152.9c25.3 0 59.5-13.6 77.9-31l1.1-.9c1.4-1.1 5.8-5.1 8.5-7.5c5.8-5.3 14.6-6 21.2-1.6c0 0 9.1 6.1 9.9 6.6L493 383.7c4.1 2.7 5.3 8.2 2.7 12.3l-4.3 6.7c-44 68.4-122.9 109.3-211 109.3"/></svg>Как использовать иконку Cyberhaven
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:cyberhaven" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:cyberhaven" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:cyberhaven" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cyberhaven]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cyberhaven"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:cyberhaven"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/cyberhaven.svg" alt="Иконка Cyberhaven" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Cyberhaven
Можно ли бесплатно использовать иконку Cyberhaven в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cyberhaven в React?
Установите @iconify/react и выведите <Icon icon="selfhst:cyberhaven" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cyberhaven на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/cyberhaven.svg" alt="Иконка Cyberhaven">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.