Icono Firebase
thesvg-color:firebase
El icono Firebase (thesvg-color:firebase) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 600 × 600. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Icono Firebase" width="24" height="24">
Iconos relacionados en theSVG Color
El icono Firebase en otras colecciones
Preguntas frecuentes sobre Icono Firebase
¿El icono Firebase es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Firebase en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:firebase" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Firebase a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Icono Firebase">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos theSVG Color →
ICONYZ
