Ícone Diyhue
selfhst:diyhue
O ícone Diyhue (selfhst:diyhue) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#c7c7c7" fill-rule="evenodd" d="M343.6 440.3c0-5.8-4.7-10.5-10.6-10.5H178.9c-5.8 0-10.6 4.7-10.6 10.5s4.7 10.5 10.6 10.5h154.2c5.8 0 10.5-4.7 10.5-10.5m0 30.6c0-5.8-4.7-10.5-10.6-10.5H178.9c-5.8 0-10.6 4.7-10.6 10.5s4.7 10.5 10.6 10.5h154.2c5.8 0 10.5-4.7 10.5-10.5m-30.1 30.6c0-5.8-4.7-10.5-10.6-10.5H209c-5.8 0-10.6 4.7-10.6 10.5S203.1 512 209 512h93.9c5.8 0 10.6-4.7 10.6-10.5"/><path fill="#e01a60" fill-rule="evenodd" d="M285 58.8c-9.2-1.8-18.7-2.7-28.4-2.7q-15.3 0-29.7 3L206.4 6.3C222.5 2.2 239.3 0 256.6 0c16.9 0 33.2 2 48.9 5.9z"/><path fill="#f7f08a" fill-rule="evenodd" d="M401.9 224.9q1.95-13.95 1.2-28.5c-.5-10.2-2.1-20-4.5-29.5l51.7-23.2c4.9 15.8 7.9 32.5 8.8 49.8c.9 16.8-.3 33.3-3.4 49.1z"/><path fill="#655fa9" fill-rule="evenodd" d="M227 348.1c9.2 1.8 18.7 2.7 28.4 2.7q15.3 0 29.7-3l20.5 52.8c-16.1 4.1-32.9 6.2-50.2 6.2c-16.9 0-33.2-2-48.9-5.9z"/><path fill="#be1e2d" fill-rule="evenodd" d="M111.3 174.5c-1.8 9.2-2.7 18.7-2.7 28.4q0 15.3 3 29.7L58.8 253c-4.1-16.1-6.2-32.9-6.2-50.2c0-16.9 2-33.2 5.9-48.9z"/><path fill="#e15e43" fill-rule="evenodd" d="M354.4 25.4c28.5 15.8 52.8 38.2 70.8 65.2l-51.7 24.1c-11.2-14.7-25-27.3-40.9-37z"/><path fill="#f3a144" fill-rule="evenodd" d="M434.1 301.9c-15.8 28.5-38.2 52.8-65.2 70.8L344.8 321c14.7-11.2 27.3-25 37-40.9z"/><path fill="#4bc6ec" fill-rule="evenodd" d="M157.6 381.5c-28.5-15.8-52.8-38.2-70.8-65.2l51.7-24.1c11.2 14.7 25 27.3 40.9 37z"/><path fill="#ad4297" fill-rule="evenodd" d="M77.9 105.1c15.8-28.5 38.2-52.8 65.2-70.8L167.2 86c-14.7 11.2-27.3 25-37 40.9z"/></svg>Como usar o ícone Diyhue
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:diyhue" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:diyhue" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:diyhue" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--diyhue]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:diyhue"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:diyhue"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/diyhue.svg" alt="Ícone Diyhue" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Diyhue
O ícone Diyhue é 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 Diyhue no React?
Instale @iconify/react e renderize <Icon icon="selfhst:diyhue" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Diyhue a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/diyhue.svg" alt="Ícone Diyhue">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.