firebase logo
firebase from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- firebase
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the firebase logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.455 8.369c-.538-.748-1.778-2.285-3.681-4.569a447 447 0 0 0-1.884-2.245l-.488-.576l-.207-.245l-.113-.133l-.022-.032l-.01-.005L12.57 0l-.609.488a13.34 13.34 0 0 0-3.681 4.64a11.4 11.4 0 0 0-1.043 3.176a12 12 0 0 0-.121.738a11 11 0 0 0-.632-.033l-.059-.003a7.5 7.5 0 0 0-2.28.274l-.317.089l-.163.286a9.6 9.6 0 0 0-1.252 4.416a9.53 9.53 0 0 0 1.583 5.625a9.57 9.57 0 0 0 4.42 3.611l.236.095l.071.025l.003-.001a9.6 9.6 0 0 0 2.941.568q.171.006.342.006a9.5 9.5 0 0 0 3.69-.742l.008.004l.313-.145a9.63 9.63 0 0 0 3.927-3.335a9.6 9.6 0 0 0 1.641-5.042c.075-2.161-.643-4.304-2.133-6.371m-7.083 6.695c.328 1.244.264 2.44-.191 3.558c-1.135-1.12-1.967-2.352-2.475-3.665c-.543-1.404-.87-2.74-.974-3.975c.48.157.922.366 1.315.622c1.132.737 1.914 1.902 2.325 3.461zm.207 6.022c.482.368.99.712 1.513 1.028a7.9 7.9 0 0 1-2.369.273a8 8 0 0 1-.373-.022a9 9 0 0 0 1.228-1.279zm1.347-6.431c-.516-1.957-1.527-3.437-3.002-4.398a7.4 7.4 0 0 0-2.194-.95a9 9 0 0 1 .089-.713a11.6 11.6 0 0 1 .91-2.765l.004-.008c.177-.358.376-.719.61-1.105l.092-.152l-.003-.001a11.7 11.7 0 0 1 1.942-2.311l.288.341c.672.796 1.304 1.548 1.878 2.237c1.291 1.549 2.966 3.583 3.612 4.48c1.277 1.771 1.893 3.579 1.83 5.375a7.97 7.97 0 0 1-3.995 6.641a15.5 15.5 0 0 1-2.539-1.599c.79-1.575.952-3.28.479-5.072zm-2.575 5.397a7.9 7.9 0 0 1-2.09 1.856a6 6 0 0 1-.243-.093l-.065-.026a7.97 7.97 0 0 1-3.635-3.01a7.94 7.94 0 0 1-1.298-4.653a7.9 7.9 0 0 1 .882-3.379q.476-.105.96-.131l.084-.002q.245-.005.478 0q.341.017.677.07c.073 1.513.445 3.145 1.105 4.852c.637 1.644 1.694 3.162 3.144 4.515z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsFirebase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.455 8.369c-.538-.748-1.778-2.285-3.681-4.569a447 447 0 0 0-1.884-2.245l-.488-.576l-.207-.245l-.113-.133l-.022-.032l-.01-.005L12.57 0l-.609.488a13.34 13.34 0 0 0-3.681 4.64a11.4 11.4 0 0 0-1.043 3.176a12 12 0 0 0-.121.738a11 11 0 0 0-.632-.033l-.059-.003a7.5 7.5 0 0 0-2.28.274l-.317.089l-.163.286a9.6 9.6 0 0 0-1.252 4.416a9.53 9.53 0 0 0 1.583 5.625a9.57 9.57 0 0 0 4.42 3.611l.236.095l.071.025l.003-.001a9.6 9.6 0 0 0 2.941.568q.171.006.342.006a9.5 9.5 0 0 0 3.69-.742l.008.004l.313-.145a9.63 9.63 0 0 0 3.927-3.335a9.6 9.6 0 0 0 1.641-5.042c.075-2.161-.643-4.304-2.133-6.371m-7.083 6.695c.328 1.244.264 2.44-.191 3.558c-1.135-1.12-1.967-2.352-2.475-3.665c-.543-1.404-.87-2.74-.974-3.975c.48.157.922.366 1.315.622c1.132.737 1.914 1.902 2.325 3.461zm.207 6.022c.482.368.99.712 1.513 1.028a7.9 7.9 0 0 1-2.369.273a8 8 0 0 1-.373-.022a9 9 0 0 0 1.228-1.279zm1.347-6.431c-.516-1.957-1.527-3.437-3.002-4.398a7.4 7.4 0 0 0-2.194-.95a9 9 0 0 1 .089-.713a11.6 11.6 0 0 1 .91-2.765l.004-.008c.177-.358.376-.719.61-1.105l.092-.152l-.003-.001a11.7 11.7 0 0 1 1.942-2.311l.288.341c.672.796 1.304 1.548 1.878 2.237c1.291 1.549 2.966 3.583 3.612 4.48c1.277 1.771 1.893 3.579 1.83 5.375a7.97 7.97 0 0 1-3.995 6.641a15.5 15.5 0 0 1-2.539-1.599c.79-1.575.952-3.28.479-5.072zm-2.575 5.397a7.9 7.9 0 0 1-2.09 1.856a6 6 0 0 1-.243-.093l-.065-.026a7.97 7.97 0 0 1-3.635-3.01a7.94 7.94 0 0 1-1.298-4.653a7.9 7.9 0 0 1 .882-3.379q.476-.105.96-.131l.084-.002q.245-.005.478 0q.341.017.677.07c.073 1.513.445 3.145 1.105 4.852c.637 1.644 1.694 3.162 3.144 4.515z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.455 8.369c-.538-.748-1.778-2.285-3.681-4.569a447 447 0 0 0-1.884-2.245l-.488-.576l-.207-.245l-.113-.133l-.022-.032l-.01-.005L12.57 0l-.609.488a13.34 13.34 0 0 0-3.681 4.64a11.4 11.4 0 0 0-1.043 3.176a12 12 0 0 0-.121.738a11 11 0 0 0-.632-.033l-.059-.003a7.5 7.5 0 0 0-2.28.274l-.317.089l-.163.286a9.6 9.6 0 0 0-1.252 4.416a9.53 9.53 0 0 0 1.583 5.625a9.57 9.57 0 0 0 4.42 3.611l.236.095l.071.025l.003-.001a9.6 9.6 0 0 0 2.941.568q.171.006.342.006a9.5 9.5 0 0 0 3.69-.742l.008.004l.313-.145a9.63 9.63 0 0 0 3.927-3.335a9.6 9.6 0 0 0 1.641-5.042c.075-2.161-.643-4.304-2.133-6.371m-7.083 6.695c.328 1.244.264 2.44-.191 3.558c-1.135-1.12-1.967-2.352-2.475-3.665c-.543-1.404-.87-2.74-.974-3.975c.48.157.922.366 1.315.622c1.132.737 1.914 1.902 2.325 3.461zm.207 6.022c.482.368.99.712 1.513 1.028a7.9 7.9 0 0 1-2.369.273a8 8 0 0 1-.373-.022a9 9 0 0 0 1.228-1.279zm1.347-6.431c-.516-1.957-1.527-3.437-3.002-4.398a7.4 7.4 0 0 0-2.194-.95a9 9 0 0 1 .089-.713a11.6 11.6 0 0 1 .91-2.765l.004-.008c.177-.358.376-.719.61-1.105l.092-.152l-.003-.001a11.7 11.7 0 0 1 1.942-2.311l.288.341c.672.796 1.304 1.548 1.878 2.237c1.291 1.549 2.966 3.583 3.612 4.48c1.277 1.771 1.893 3.579 1.83 5.375a7.97 7.97 0 0 1-3.995 6.641a15.5 15.5 0 0 1-2.539-1.599c.79-1.575.952-3.28.479-5.072zm-2.575 5.397a7.9 7.9 0 0 1-2.09 1.856a6 6 0 0 1-.243-.093l-.065-.026a7.97 7.97 0 0 1-3.635-3.01a7.94 7.94 0 0 1-1.298-4.653a7.9 7.9 0 0 1 .882-3.379q.476-.105.96-.131l.084-.002q.245-.005.478 0q.341.017.677.07c.073 1.513.445 3.145 1.105 4.852c.637 1.644 1.694 3.162 3.144 4.515z"/></svg> </template>
CSS
.icon-firebase {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.455%208.369c-.538-.748-1.778-2.285-3.681-4.569a447%20447%200%200%200-1.884-2.245l-.488-.576l-.207-.245l-.113-.133l-.022-.032l-.01-.005L12.57%200l-.609.488a13.34%2013.34%200%200%200-3.681%204.64a11.4%2011.4%200%200%200-1.043%203.176a12%2012%200%200%200-.121.738a11%2011%200%200%200-.632-.033l-.059-.003a7.5%207.5%200%200%200-2.28.274l-.317.089l-.163.286a9.6%209.6%200%200%200-1.252%204.416a9.53%209.53%200%200%200%201.583%205.625a9.57%209.57%200%200%200%204.42%203.611l.236.095l.071.025l.003-.001a9.6%209.6%200%200%200%202.941.568q.171.006.342.006a9.5%209.5%200%200%200%203.69-.742l.008.004l.313-.145a9.63%209.63%200%200%200%203.927-3.335a9.6%209.6%200%200%200%201.641-5.042c.075-2.161-.643-4.304-2.133-6.371m-7.083%206.695c.328%201.244.264%202.44-.191%203.558c-1.135-1.12-1.967-2.352-2.475-3.665c-.543-1.404-.87-2.74-.974-3.975c.48.157.922.366%201.315.622c1.132.737%201.914%201.902%202.325%203.461zm.207%206.022c.482.368.99.712%201.513%201.028a7.9%207.9%200%200%201-2.369.273a8%208%200%200%201-.373-.022a9%209%200%200%200%201.228-1.279zm1.347-6.431c-.516-1.957-1.527-3.437-3.002-4.398a7.4%207.4%200%200%200-2.194-.95a9%209%200%200%201%20.089-.713a11.6%2011.6%200%200%201%20.91-2.765l.004-.008c.177-.358.376-.719.61-1.105l.092-.152l-.003-.001a11.7%2011.7%200%200%201%201.942-2.311l.288.341c.672.796%201.304%201.548%201.878%202.237c1.291%201.549%202.966%203.583%203.612%204.48c1.277%201.771%201.893%203.579%201.83%205.375a7.97%207.97%200%200%201-3.995%206.641a15.5%2015.5%200%200%201-2.539-1.599c.79-1.575.952-3.28.479-5.072zm-2.575%205.397a7.9%207.9%200%200%201-2.09%201.856a6%206%200%200%201-.243-.093l-.065-.026a7.97%207.97%200%200%201-3.635-3.01a7.94%207.94%200%200%201-1.298-4.653a7.9%207.9%200%200%201%20.882-3.379q.476-.105.96-.131l.084-.002q.245-.005.478%200q.341.017.677.07c.073%201.513.445%203.145%201.105%204.852c.637%201.644%201.694%203.162%203.144%204.515z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.455%208.369c-.538-.748-1.778-2.285-3.681-4.569a447%20447%200%200%200-1.884-2.245l-.488-.576l-.207-.245l-.113-.133l-.022-.032l-.01-.005L12.57%200l-.609.488a13.34%2013.34%200%200%200-3.681%204.64a11.4%2011.4%200%200%200-1.043%203.176a12%2012%200%200%200-.121.738a11%2011%200%200%200-.632-.033l-.059-.003a7.5%207.5%200%200%200-2.28.274l-.317.089l-.163.286a9.6%209.6%200%200%200-1.252%204.416a9.53%209.53%200%200%200%201.583%205.625a9.57%209.57%200%200%200%204.42%203.611l.236.095l.071.025l.003-.001a9.6%209.6%200%200%200%202.941.568q.171.006.342.006a9.5%209.5%200%200%200%203.69-.742l.008.004l.313-.145a9.63%209.63%200%200%200%203.927-3.335a9.6%209.6%200%200%200%201.641-5.042c.075-2.161-.643-4.304-2.133-6.371m-7.083%206.695c.328%201.244.264%202.44-.191%203.558c-1.135-1.12-1.967-2.352-2.475-3.665c-.543-1.404-.87-2.74-.974-3.975c.48.157.922.366%201.315.622c1.132.737%201.914%201.902%202.325%203.461zm.207%206.022c.482.368.99.712%201.513%201.028a7.9%207.9%200%200%201-2.369.273a8%208%200%200%201-.373-.022a9%209%200%200%200%201.228-1.279zm1.347-6.431c-.516-1.957-1.527-3.437-3.002-4.398a7.4%207.4%200%200%200-2.194-.95a9%209%200%200%201%20.089-.713a11.6%2011.6%200%200%201%20.91-2.765l.004-.008c.177-.358.376-.719.61-1.105l.092-.152l-.003-.001a11.7%2011.7%200%200%201%201.942-2.311l.288.341c.672.796%201.304%201.548%201.878%202.237c1.291%201.549%202.966%203.583%203.612%204.48c1.277%201.771%201.893%203.579%201.83%205.375a7.97%207.97%200%200%201-3.995%206.641a15.5%2015.5%200%200%201-2.539-1.599c.79-1.575.952-3.28.479-5.072zm-2.575%205.397a7.9%207.9%200%200%201-2.09%201.856a6%206%200%200%201-.243-.093l-.065-.026a7.97%207.97%200%200%201-3.635-3.01a7.94%207.94%200%200%201-1.298-4.653a7.9%207.9%200%200%201%20.882-3.379q.476-.105.96-.131l.084-.002q.245-.005.478%200q.341.017.677.07c.073%201.513.445%203.145%201.105%204.852c.637%201.644%201.694%203.162%203.144%204.515z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/firebase.svg?color=%231a73e8&size=48
