ICONYZ
Français
Icône Firebase de theSVG Color

Icône Firebase

thesvg-color:firebase

L'icône Firebase (thesvg-color:firebase) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 600 × 600. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
theSVG Color
Auteur
thesvg.org
Licence
MIT
Taille
600 × 600
Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Icône Firebase" width="24" height="24">

Icônes similaires dans theSVG Color

L'icône Firebase dans d'autres collections

FAQ : Icône Firebase

L'icône Firebase est-elle gratuite pour un usage commercial ?

Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Firebase dans React ?

Installez @iconify/react et affichez <Icon icon="thesvg-color:firebase" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Firebase à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Icône Firebase">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes theSVG Color →