Ícone Firebase
thesvg-color:firebase
O ícone Firebase (thesvg-color:firebase) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 600 × 600. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 600 × 600
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600"><g fill="none"><path fill="#ff9100" d="M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834c35.84 1.252 69.922-6.158 100.391-20.234c-36.537-14.355-69.627-35.348-97.869-61.448c-18.306 29.31-45.382 52.462-77.474 65.848"/><path fill="#ffc400" d="M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568c.108-3.073.27-6.145.46-9.216a167 167 0 0 0-36.004-5.241a167 167 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781c-3.339 95.611 54.522 179.154 138.409 212.939c32.093-13.387 59.168-36.51 77.475-65.848"/><path fill="#ff9100" d="M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403c2.783-79.695-50.792-148.251-124.942-167.381c-.19 3.071-.352 6.143-.46 9.216c-3.305 94.651 35.803 180.946 100.269 240.568"/><path fill="#dd2c00" d="M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2c74.15 19.13 127.726 87.686 124.943 167.38c-1.058 30.297-10.172 58.39-25.134 82.404c28.24 26.127 61.331 47.093 97.868 61.447c73.337-33.9 125.37-106.846 128.383-193.127c1.952-55.901-19.526-105.724-49.875-147.778c-32.051-44.477-159.5-194.36-159.5-194.36Z"/></g></svg>
Como usar o ícone Firebase
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:firebase" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:firebase" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:firebase" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--firebase]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:firebase"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:firebase"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Ícone Firebase" width="24" height="24">
Ícones relacionados em theSVG Color
O ícone Firebase em outras coleções
Perguntas frequentes sobre Ícone Firebase
O ícone Firebase é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Firebase no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:firebase" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Firebase a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Ícone Firebase">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG Color →
ICONYZ
