Firebase icon
thesvg-color:firebase
The Firebase icon (thesvg-color:firebase) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 600 × 600 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 600 × 600
SVG code
<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>
How to use the Firebase icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Firebase icon" width="24" height="24">
Related icons in theSVG Color
Firebase icon in other icon sets
Firebase icon FAQ
Is the Firebase icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Firebase icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:firebase" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Firebase icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Firebase icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
