Иконка Hyvor Relay

selfhst:hyvor-relay

Иконка Hyvor Relay (selfhst:hyvor-relay) — бесплатная 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
Теги: hyvorrelay

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f0f5ff" fill-rule="evenodd" d="m243.8 13.8l19.4-.2c81.7-.8 148.1 64.3 149 146l2 189.8c.9 81.7-64.2 148.1-145.9 148.9l-19.4.2c-81.7.8-148.1-64.3-149-146l-2-189.8C97 81 162.1 14.6 243.8 13.8"/><path fill="#5772ae" fill-rule="evenodd" d="m413.1 254.4l.9 89.6c.9 84.6-68.5 153.4-155.5 154.3S100.7 431.7 99.8 347.1l-.9-89.6z"/><path fill-rule="evenodd" d="M427.6 345v-1.1l-1.1-103.2l-.9-81.3C424.8 70.5 352-.9 263 0l-19.4.2c-89 .9-160.3 73.6-159.3 162.6l2 189.8C87.2 441.5 160 512.9 249 512l19.4-.2c89-.9 160.3-73.6 159.3-162.6zm-27.1.2c.3 76.7-62.5 138.8-142.1 139.6c-80 .8-144.2-60.6-145-137.7l-.8-76.1l287.1-2.8zM243.9 27.3l19.4-.2c74.4-.7 134.5 58.2 135.3 132.6l.9 81.3l-287.1 2.8l-.9-81.3c-.8-74.4 58-134.5 132.4-135.2m-45.2 63.6c-10.3 0-19.7 2.4-27.5 7.2s-14.7 13-14.7 23.6c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0 .6-.3-.3 2.7-2.1c2.9-1.8 8.3-3.5 14.4-3.5s11.5 1.7 14.4 3.5s2.7 2.6 2.7 2.1c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0-10.6-6.9-18.8-14.7-23.6c-8-4.8-17.4-7.2-27.7-7.2m114.6 0c-10.3 0-19.7 2.4-27.5 7.2s-14.7 13-14.7 23.6c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0 .6-.3-.3 2.7-2.1c2.9-1.8 8.3-3.5 14.4-3.5s11.5 1.7 14.4 3.5s2.7 2.6 2.7 2.1c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0-10.6-6.9-18.8-14.7-23.6c-8-4.8-17.5-7.2-27.7-7.2m-87.9 80.4c-7 0-12.6 5.6-12.6 12.6c0 10.6 6.9 18.8 14.7 23.6s17.3 7.2 27.5 7.2c10.3 0 19.7-2.4 27.5-7.2s14.7-13 14.7-23.6c0-7-5.6-12.6-12.6-12.6s-12.6 5.6-12.6 12.6c0-.6.3.3-2.7 2.1c-2.9 1.8-8.3 3.5-14.4 3.5s-11.5-1.7-14.4-3.5s-2.7-2.6-2.7-2.1c.2-7-5.4-12.6-12.4-12.6"/></svg>

Как использовать иконку Hyvor Relay

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:hyvor-relay" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:hyvor-relay" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:hyvor-relay" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hyvor-relay]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hyvor-relay"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:hyvor-relay"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/selfhst/hyvor-relay.svg" alt="Иконка Hyvor Relay" width="24" height="24">

Вопросы и ответы: Иконка Hyvor Relay

Можно ли бесплатно использовать иконку Hyvor Relay в коммерческих проектах?

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Hyvor Relay в React?

Установите @iconify/react и выведите <Icon icon="selfhst:hyvor-relay" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hyvor Relay на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/hyvor-relay.svg" alt="Иконка Hyvor Relay">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все selfh.st/icons →