Ícone Fusion 48
energy-icons:fusion-48
O ícone Fusion 48 (energy-icons:fusion-48) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 48 × 48. Energy 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
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 48 × 48
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M43 24c0-2.179-1.792-4.42-5.305-6.177C34.242 16.097 29.401 15 24 15s-10.242 1.097-13.695 2.823C6.792 19.58 5 21.821 5 24s1.792 4.42 5.305 6.177C13.758 31.903 18.599 33 24 33s10.242-1.097 13.695-2.823C41.208 28.42 43 26.179 43 24m2 0c0 3.344-2.685 6.103-6.41 7.966C34.804 33.858 29.645 35 24 35s-10.804-1.142-14.59-3.034C5.685 30.103 3 27.344 3 24s2.685-6.103 6.41-7.966C13.195 14.142 18.355 13 24 13s10.804 1.142 14.59 3.034C42.315 17.897 45 20.656 45 24"/><path fill="currentColor" d="M33 24c0-.189-.091-.47-.473-.83c-.383-.363-.992-.736-1.827-1.07c-1.664-.666-4.033-1.1-6.7-1.1s-5.036.434-6.7 1.1c-.835.334-1.444.707-1.827 1.07c-.382.36-.473.641-.473.83s.091.47.473.83c.383.363.992.736 1.827 1.07c1.664.666 4.033 1.1 6.7 1.1s5.036-.434 6.7-1.1c.835-.334 1.444-.707 1.827-1.07c.382-.36.473-.641.473-.83m2 0c0 .916-.468 1.687-1.099 2.283c-.628.595-1.484 1.084-2.459 1.474C29.488 28.539 26.856 29 24 29s-5.488-.461-7.442-1.243c-.975-.39-1.83-.88-2.46-1.474C13.469 25.687 13 24.916 13 24s.468-1.687 1.099-2.283c.628-.595 1.484-1.084 2.459-1.474C18.512 19.461 21.144 19 24 19s5.488.461 7.442 1.243c.975.39 1.83.88 2.46 1.474C34.531 22.313 35 23.084 35 24"/></svg>Como usar o ícone Fusion 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:fusion-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:fusion-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:fusion-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--fusion-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:fusion-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:fusion-48"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/fusion-48.svg" alt="Ícone Fusion 48" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Fusion 48
O ícone Fusion 48 é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Fusion 48 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:fusion-48" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Fusion 48 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/fusion-48.svg" alt="Ícone Fusion 48">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.