Ícone Hyvor Relay Light
selfhst:hyvor-relay-light
O ícone Hyvor Relay Light (selfhst:hyvor-relay-light) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
- Tags
- hyvorrelay, relaylight, hyvorrelaylight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" 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" opacity=".65"/><path fill="#fff" 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>Como usar o ícone Hyvor Relay Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:hyvor-relay-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:hyvor-relay-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:hyvor-relay-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hyvor-relay-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hyvor-relay-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:hyvor-relay-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/hyvor-relay-light.svg" alt="Ícone Hyvor Relay Light" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Hyvor Relay Light
O ícone Hyvor Relay Light é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Hyvor Relay Light no React?
Instale @iconify/react e renderize <Icon icon="selfhst:hyvor-relay-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hyvor Relay Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/hyvor-relay-light.svg" alt="Ícone Hyvor Relay Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.