firebase icon logo

firebase-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
firebase-icon
Set
SVG Logos
Style
Color
Viewbox
256×322
License
CC0

Use the firebase icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 322"><path fill="#ff9100" d="M80.18 312.295c13.455 5.414 28.05 8.628 43.376 9.163a127.5 127.5 0 0 0 58.098-11.71c-21.145-8.307-40.294-20.455-56.638-35.56c-10.594 16.963-26.263 30.36-44.835 38.107"/><path fill="#ffc400" d="M125.013 274.193c-37.307-34.504-59.939-84.444-58.026-139.218c.062-1.78.156-3.557.266-5.334a96.63 96.63 0 0 0-50.456.528C6.838 147.614.828 167.63.079 189.069C-1.853 244.403 31.632 292.75 80.178 312.3c18.572-7.747 34.24-21.13 44.835-38.107"/><path fill="#ff9100" d="M125.015 274.191c8.674-13.88 13.933-30.154 14.545-47.687c1.61-46.12-29.394-85.794-72.306-96.865c-.11 1.777-.203 3.555-.265 5.334c-1.913 54.775 20.719 104.714 58.026 139.218"/><path fill="#dd2c00" d="M134.761 0c-24.44 19.58-43.738 45.396-55.414 75.136a180.5 180.5 0 0 0-12.113 54.515c42.912 11.07 73.917 50.745 72.306 96.865c-.612 17.532-5.887 33.79-14.545 47.687a180.7 180.7 0 0 0 56.637 35.56c42.441-19.618 72.553-61.833 74.297-111.764c1.129-32.351-11.3-61.184-28.864-85.521C208.517 86.738 134.76 0 134.76 0"/></svg>

React

import type { SVGProps } from "react";

export function LogosFirebaseIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 322"><path fill="#ff9100" d="M80.18 312.295c13.455 5.414 28.05 8.628 43.376 9.163a127.5 127.5 0 0 0 58.098-11.71c-21.145-8.307-40.294-20.455-56.638-35.56c-10.594 16.963-26.263 30.36-44.835 38.107"/><path fill="#ffc400" d="M125.013 274.193c-37.307-34.504-59.939-84.444-58.026-139.218c.062-1.78.156-3.557.266-5.334a96.63 96.63 0 0 0-50.456.528C6.838 147.614.828 167.63.079 189.069C-1.853 244.403 31.632 292.75 80.178 312.3c18.572-7.747 34.24-21.13 44.835-38.107"/><path fill="#ff9100" d="M125.015 274.191c8.674-13.88 13.933-30.154 14.545-47.687c1.61-46.12-29.394-85.794-72.306-96.865c-.11 1.777-.203 3.555-.265 5.334c-1.913 54.775 20.719 104.714 58.026 139.218"/><path fill="#dd2c00" d="M134.761 0c-24.44 19.58-43.738 45.396-55.414 75.136a180.5 180.5 0 0 0-12.113 54.515c42.912 11.07 73.917 50.745 72.306 96.865c-.612 17.532-5.887 33.79-14.545 47.687a180.7 180.7 0 0 0 56.637 35.56c42.441-19.618 72.553-61.833 74.297-111.764c1.129-32.351-11.3-61.184-28.864-85.521C208.517 86.738 134.76 0 134.76 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 322"><path fill="#ff9100" d="M80.18 312.295c13.455 5.414 28.05 8.628 43.376 9.163a127.5 127.5 0 0 0 58.098-11.71c-21.145-8.307-40.294-20.455-56.638-35.56c-10.594 16.963-26.263 30.36-44.835 38.107"/><path fill="#ffc400" d="M125.013 274.193c-37.307-34.504-59.939-84.444-58.026-139.218c.062-1.78.156-3.557.266-5.334a96.63 96.63 0 0 0-50.456.528C6.838 147.614.828 167.63.079 189.069C-1.853 244.403 31.632 292.75 80.178 312.3c18.572-7.747 34.24-21.13 44.835-38.107"/><path fill="#ff9100" d="M125.015 274.191c8.674-13.88 13.933-30.154 14.545-47.687c1.61-46.12-29.394-85.794-72.306-96.865c-.11 1.777-.203 3.555-.265 5.334c-1.913 54.775 20.719 104.714 58.026 139.218"/><path fill="#dd2c00" d="M134.761 0c-24.44 19.58-43.738 45.396-55.414 75.136a180.5 180.5 0 0 0-12.113 54.515c42.912 11.07 73.917 50.745 72.306 96.865c-.612 17.532-5.887 33.79-14.545 47.687a180.7 180.7 0 0 0 56.637 35.56c42.441-19.618 72.553-61.833 74.297-111.764c1.129-32.351-11.3-61.184-28.864-85.521C208.517 86.738 134.76 0 134.76 0"/></svg>
</template>

CSS

.icon-firebase-icon {
  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%20256%20322%22%3E%3Cpath%20fill%3D%22%23ff9100%22%20d%3D%22M80.18%20312.295c13.455%205.414%2028.05%208.628%2043.376%209.163a127.5%20127.5%200%200%200%2058.098-11.71c-21.145-8.307-40.294-20.455-56.638-35.56c-10.594%2016.963-26.263%2030.36-44.835%2038.107%22%2F%3E%3Cpath%20fill%3D%22%23ffc400%22%20d%3D%22M125.013%20274.193c-37.307-34.504-59.939-84.444-58.026-139.218c.062-1.78.156-3.557.266-5.334a96.63%2096.63%200%200%200-50.456.528C6.838%20147.614.828%20167.63.079%20189.069C-1.853%20244.403%2031.632%20292.75%2080.178%20312.3c18.572-7.747%2034.24-21.13%2044.835-38.107%22%2F%3E%3Cpath%20fill%3D%22%23ff9100%22%20d%3D%22M125.015%20274.191c8.674-13.88%2013.933-30.154%2014.545-47.687c1.61-46.12-29.394-85.794-72.306-96.865c-.11%201.777-.203%203.555-.265%205.334c-1.913%2054.775%2020.719%20104.714%2058.026%20139.218%22%2F%3E%3Cpath%20fill%3D%22%23dd2c00%22%20d%3D%22M134.761%200c-24.44%2019.58-43.738%2045.396-55.414%2075.136a180.5%20180.5%200%200%200-12.113%2054.515c42.912%2011.07%2073.917%2050.745%2072.306%2096.865c-.612%2017.532-5.887%2033.79-14.545%2047.687a180.7%20180.7%200%200%200%2056.637%2035.56c42.441-19.618%2072.553-61.833%2074.297-111.764c1.129-32.351-11.3-61.184-28.864-85.521C208.517%2086.738%20134.76%200%20134.76%200%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%20256%20322%22%3E%3Cpath%20fill%3D%22%23ff9100%22%20d%3D%22M80.18%20312.295c13.455%205.414%2028.05%208.628%2043.376%209.163a127.5%20127.5%200%200%200%2058.098-11.71c-21.145-8.307-40.294-20.455-56.638-35.56c-10.594%2016.963-26.263%2030.36-44.835%2038.107%22%2F%3E%3Cpath%20fill%3D%22%23ffc400%22%20d%3D%22M125.013%20274.193c-37.307-34.504-59.939-84.444-58.026-139.218c.062-1.78.156-3.557.266-5.334a96.63%2096.63%200%200%200-50.456.528C6.838%20147.614.828%20167.63.079%20189.069C-1.853%20244.403%2031.632%20292.75%2080.178%20312.3c18.572-7.747%2034.24-21.13%2044.835-38.107%22%2F%3E%3Cpath%20fill%3D%22%23ff9100%22%20d%3D%22M125.015%20274.191c8.674-13.88%2013.933-30.154%2014.545-47.687c1.61-46.12-29.394-85.794-72.306-96.865c-.11%201.777-.203%203.555-.265%205.334c-1.913%2054.775%2020.719%20104.714%2058.026%20139.218%22%2F%3E%3Cpath%20fill%3D%22%23dd2c00%22%20d%3D%22M134.761%200c-24.44%2019.58-43.738%2045.396-55.414%2075.136a180.5%20180.5%200%200%200-12.113%2054.515c42.912%2011.07%2073.917%2050.745%2072.306%2096.865c-.612%2017.532-5.887%2033.79-14.545%2047.687a180.7%20180.7%200%200%200%2056.637%2035.56c42.441-19.618%2072.553-61.833%2074.297-111.764c1.129-32.351-11.3-61.184-28.864-85.521C208.517%2086.738%20134.76%200%20134.76%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/firebase-icon.svg?color=%231a73e8&size=48