Ícone Energy Web
token:energy-web
O ícone Energy Web (token:energy-web) é um ícone SVG gratuito da coleção Web3 Icons de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Web3 Icons
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- energyweb
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18m-.405 13.435c-.49.35-1.074.542-1.676.549c-1.04 0-1.993-.563-2.715-1.603a6.4 6.4 0 0 1-1.041-3.337a.11.11 0 0 1 .073-.102l.708-.317a.11.11 0 0 1 .122.02q.015.017.023.037c0 .015.014.029.014.043c0 1.18.318 2.297.882 3.121c.534.78 1.228 1.2 1.95 1.2c.391 0 .774-.116 1.098-.333a.12.12 0 0 1 .144.03c.144.187.29.36.448.533a.16.16 0 0 1-.03.16m5.216-1.054c-.709 1.026-1.677 1.603-2.716 1.603c-1.038 0-1.993-.577-2.715-1.603c-.679-.982-1.054-2.283-1.054-3.66c0-1.27.737-2.267 1.661-2.267s1.662.997 1.662 2.267a6.6 6.6 0 0 1-.766 3.18a.103.103 0 0 1-.144.043c-.014 0-.014-.015-.03-.03c-.086-.1-.173-.201-.245-.303a4 4 0 0 1-.236-.39a.13.13 0 0 1 0-.1a6.05 6.05 0 0 0 .492-2.414c0-.62-.319-1.329-.738-1.329s-.736.708-.736 1.33c0 1.18.317 2.296.881 3.12c.535.78 1.228 1.199 1.95 1.199c.723 0 1.417-.434 1.95-1.199c.564-.826.883-1.936.883-3.12c0-1.186-.317-2.292-.882-3.118a3.1 3.1 0 0 0-.579-.65a.13.13 0 0 1-.014-.16c.014-.014.03-.029.044-.029l.708-.317a.09.09 0 0 1 .118.028q.27.275.492.59c.68.983 1.055 2.284 1.055 3.66s-.363 2.687-1.041 3.669"/></svg>Como usar o ícone Energy Web
React
import { Icon } from "@iconify/react";
<Icon icon="token:energy-web" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:energy-web" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:energy-web" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--energy-web]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:energy-web"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:energy-web"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/energy-web.svg" alt="Ícone Energy Web" width="24" height="24">O ícone Energy Web em outras coleções
Perguntas frequentes sobre Ícone Energy Web
O ícone Energy Web é grátis para uso comercial?
Sim. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Energy Web no React?
Instale @iconify/react e renderize <Icon icon="token:energy-web" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Energy Web a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/energy-web.svg" alt="Ícone Energy Web">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.