ICONYZ
Português (Brasil)
Ícone Fire Two de IconPark

Ícone Fire Two

icon-park:fire-two

O ícone Fire Two (icon-park:fire-two) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.0, 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
IconPark
Autor
ByteDance
Licença
Apache-2.0
Tamanho
48 × 48
Categoria
Energia
Tags
firetwo
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M36 21C36 28.1797 30.1797 34 23 34C15.8203 34 10 28.1797 10 21C10 13.8203 15 11 17 4C25 7.49989 25 18 25 18C25 18 27 12 33 10.5C33.5 16 36 17.9342 36 21Z"/><path d="M7 36L39 44"/><path d="M7 44L39 36"/></g></svg>

Como usar o ícone Fire Two

React

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

<Icon icon="icon-park:fire-two" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:fire-two" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:fire-two" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--fire-two]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:fire-two"></div>

Web component

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

<iconify-icon icon="icon-park:fire-two"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/icon-park/fire-two.svg" alt="Ícone Fire Two" width="24" height="24">

Ícones relacionados em IconPark

O ícone Fire Two em outras coleções

Perguntas frequentes sobre Ícone Fire Two

O ícone Fire Two é grátis para uso comercial?

Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Fire Two no React?

Instale @iconify/react e renderize <Icon icon="icon-park:fire-two" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Fire Two a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/fire-two.svg" alt="Ícone Fire Two">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones IconPark →