firefox logo

firefox from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: firefox
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

firefoxBoxicons Brands firefoxDevicon firefoxFont Awesome 6 Brands firefoxLine Awesome firefoxSVG Logos firefoxMaterial Design Icons firefox-fillMingCute Icon firefoxOpenMoji firefox-fillRemix Icon firefoxSimple Icons

Related icons in Font Awesome Brands

firefox-browser

Use the firefox logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M567.5 305.5c-.1-1.6-.2-3.1-.2-4.7v-.1l-.4-4.7v-.1c-1.3-13.9-3.7-27.7-7.3-41.2c0-.1 0-.1-.1-.2l-1.1-4c-.1-.2-.1-.5-.2-.6c-.4-1.2-.7-2.5-1.1-3.7c-.1-.2-.1-.6-.2-.8c-.4-1.2-.7-2.4-1.1-3.5c-.1-.4-.2-.6-.4-1c-.4-1.2-.7-2.3-1.2-3.5l-.4-1.1c-.4-1.1-.8-2.3-1.2-3.4c-.1-.3-.2-.7-.4-1c-.5-1.1-.8-2.3-1.3-3.4c-.1-.2-.2-.6-.4-.8c-.5-1.2-1-2.3-1.4-3.5c0-.1-.1-.2-.1-.4c-1.6-3.8-3.2-7.7-5-11.4l-.4-.7c-.5-1-.8-1.8-1.3-2.6c-.2-.5-.5-1.1-.7-1.6l-1.2-2.4c-.4-.6-.6-1.2-1-1.8s-.8-1.4-1.2-2.3c-.4-.6-.7-1.3-1.1-1.9s-.8-1.4-1.2-2.2c-.4-.7-.8-1.4-1.2-2c-.4-.7-.8-1.3-1.2-2s-.8-1.3-1.2-2s-.8-1.3-1.2-1.9s-.8-1.4-1.3-2.2l-1.2-1.8l-1.4-2.1l-1.2-1.8c-.5-.7-1.1-1.6-1.6-2.3c-.4-.5-.7-1.1-1.1-1.6l-1.8-2.5c-.4-.5-.6-.8-1-1.3c-1-1.3-1.8-2.5-2.8-3.7c-7.2-9.4-15-18.3-23.5-26.6c-5.7-6-11.8-11.5-18.3-16.7c-4-3.5-8.2-6.7-12.5-9.8c-7.7-5.8-16-10.8-24.6-15.1c-2.4-1.3-4.8-2.5-7.2-3.7c-17.7-8.6-36.3-15.2-55.4-19.6c-1.9-.4-3.8-.8-5.6-1.2h-.1c-1-.1-1.8-.4-2.8-.5c-12.5-2.4-25.2-3.7-38-4h-10.6c-15.3.2-30.5 1.9-45.5 5c-33.6 7.1-63.2 21.2-82.9 39c-1.1 1-1.9 1.7-2.4 2.2l-.5.5h.2v-.1l-.1.1c.1-.1.1-.1.2-.1c14.6-8.8 34.9-16 49.4-19.6l5.9-1.4c.4-.1.8-.1 1.2-.2c1.7-.4 3.4-.7 5.2-1.1c.2 0 .6-.1.8-.1c64.2-11.7 132.6 7.5 180.2 53c10.3 9.8 19.3 20.8 26.9 32.8c30.4 49.2 27.5 111.1 3.8 147.6c-34.4 53-111.4 71.3-159 24.8c-16-15.5-25.2-36.7-25.6-59c-.2-10.7 2-21.2 6.2-31c1.7-3.8 13.1-25.7 18.2-24.6c-13.1-2.8-37.5 2.6-54.7 28.2c-15.4 22.9-14.5 58.2-5 83.3c-6-12.4-10.1-25.6-12.1-39.2c-12.2-82.6 43.3-153 94.3-170.5c-27.5-24-96.5-22.3-147.7 15.4c-29.9 22-51.2 53.2-62.5 90.4c1.7-20.9 9.6-52.1 25.8-83.9c-17.2 8.9-39 37-49.8 62.9c-15.6 37.4-21 82.2-16.1 124.8c.4 3.2.7 6.4 1.1 9.6c19.9 117.1 122 206.4 244.8 206.4c137.1 0 248.3-111.2 248.3-248.4c-.1-4.5-.2-9.1-.5-13.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsFirefox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M567.5 305.5c-.1-1.6-.2-3.1-.2-4.7v-.1l-.4-4.7v-.1c-1.3-13.9-3.7-27.7-7.3-41.2c0-.1 0-.1-.1-.2l-1.1-4c-.1-.2-.1-.5-.2-.6c-.4-1.2-.7-2.5-1.1-3.7c-.1-.2-.1-.6-.2-.8c-.4-1.2-.7-2.4-1.1-3.5c-.1-.4-.2-.6-.4-1c-.4-1.2-.7-2.3-1.2-3.5l-.4-1.1c-.4-1.1-.8-2.3-1.2-3.4c-.1-.3-.2-.7-.4-1c-.5-1.1-.8-2.3-1.3-3.4c-.1-.2-.2-.6-.4-.8c-.5-1.2-1-2.3-1.4-3.5c0-.1-.1-.2-.1-.4c-1.6-3.8-3.2-7.7-5-11.4l-.4-.7c-.5-1-.8-1.8-1.3-2.6c-.2-.5-.5-1.1-.7-1.6l-1.2-2.4c-.4-.6-.6-1.2-1-1.8s-.8-1.4-1.2-2.3c-.4-.6-.7-1.3-1.1-1.9s-.8-1.4-1.2-2.2c-.4-.7-.8-1.4-1.2-2c-.4-.7-.8-1.3-1.2-2s-.8-1.3-1.2-2s-.8-1.3-1.2-1.9s-.8-1.4-1.3-2.2l-1.2-1.8l-1.4-2.1l-1.2-1.8c-.5-.7-1.1-1.6-1.6-2.3c-.4-.5-.7-1.1-1.1-1.6l-1.8-2.5c-.4-.5-.6-.8-1-1.3c-1-1.3-1.8-2.5-2.8-3.7c-7.2-9.4-15-18.3-23.5-26.6c-5.7-6-11.8-11.5-18.3-16.7c-4-3.5-8.2-6.7-12.5-9.8c-7.7-5.8-16-10.8-24.6-15.1c-2.4-1.3-4.8-2.5-7.2-3.7c-17.7-8.6-36.3-15.2-55.4-19.6c-1.9-.4-3.8-.8-5.6-1.2h-.1c-1-.1-1.8-.4-2.8-.5c-12.5-2.4-25.2-3.7-38-4h-10.6c-15.3.2-30.5 1.9-45.5 5c-33.6 7.1-63.2 21.2-82.9 39c-1.1 1-1.9 1.7-2.4 2.2l-.5.5h.2v-.1l-.1.1c.1-.1.1-.1.2-.1c14.6-8.8 34.9-16 49.4-19.6l5.9-1.4c.4-.1.8-.1 1.2-.2c1.7-.4 3.4-.7 5.2-1.1c.2 0 .6-.1.8-.1c64.2-11.7 132.6 7.5 180.2 53c10.3 9.8 19.3 20.8 26.9 32.8c30.4 49.2 27.5 111.1 3.8 147.6c-34.4 53-111.4 71.3-159 24.8c-16-15.5-25.2-36.7-25.6-59c-.2-10.7 2-21.2 6.2-31c1.7-3.8 13.1-25.7 18.2-24.6c-13.1-2.8-37.5 2.6-54.7 28.2c-15.4 22.9-14.5 58.2-5 83.3c-6-12.4-10.1-25.6-12.1-39.2c-12.2-82.6 43.3-153 94.3-170.5c-27.5-24-96.5-22.3-147.7 15.4c-29.9 22-51.2 53.2-62.5 90.4c1.7-20.9 9.6-52.1 25.8-83.9c-17.2 8.9-39 37-49.8 62.9c-15.6 37.4-21 82.2-16.1 124.8c.4 3.2.7 6.4 1.1 9.6c19.9 117.1 122 206.4 244.8 206.4c137.1 0 248.3-111.2 248.3-248.4c-.1-4.5-.2-9.1-.5-13.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M567.5 305.5c-.1-1.6-.2-3.1-.2-4.7v-.1l-.4-4.7v-.1c-1.3-13.9-3.7-27.7-7.3-41.2c0-.1 0-.1-.1-.2l-1.1-4c-.1-.2-.1-.5-.2-.6c-.4-1.2-.7-2.5-1.1-3.7c-.1-.2-.1-.6-.2-.8c-.4-1.2-.7-2.4-1.1-3.5c-.1-.4-.2-.6-.4-1c-.4-1.2-.7-2.3-1.2-3.5l-.4-1.1c-.4-1.1-.8-2.3-1.2-3.4c-.1-.3-.2-.7-.4-1c-.5-1.1-.8-2.3-1.3-3.4c-.1-.2-.2-.6-.4-.8c-.5-1.2-1-2.3-1.4-3.5c0-.1-.1-.2-.1-.4c-1.6-3.8-3.2-7.7-5-11.4l-.4-.7c-.5-1-.8-1.8-1.3-2.6c-.2-.5-.5-1.1-.7-1.6l-1.2-2.4c-.4-.6-.6-1.2-1-1.8s-.8-1.4-1.2-2.3c-.4-.6-.7-1.3-1.1-1.9s-.8-1.4-1.2-2.2c-.4-.7-.8-1.4-1.2-2c-.4-.7-.8-1.3-1.2-2s-.8-1.3-1.2-2s-.8-1.3-1.2-1.9s-.8-1.4-1.3-2.2l-1.2-1.8l-1.4-2.1l-1.2-1.8c-.5-.7-1.1-1.6-1.6-2.3c-.4-.5-.7-1.1-1.1-1.6l-1.8-2.5c-.4-.5-.6-.8-1-1.3c-1-1.3-1.8-2.5-2.8-3.7c-7.2-9.4-15-18.3-23.5-26.6c-5.7-6-11.8-11.5-18.3-16.7c-4-3.5-8.2-6.7-12.5-9.8c-7.7-5.8-16-10.8-24.6-15.1c-2.4-1.3-4.8-2.5-7.2-3.7c-17.7-8.6-36.3-15.2-55.4-19.6c-1.9-.4-3.8-.8-5.6-1.2h-.1c-1-.1-1.8-.4-2.8-.5c-12.5-2.4-25.2-3.7-38-4h-10.6c-15.3.2-30.5 1.9-45.5 5c-33.6 7.1-63.2 21.2-82.9 39c-1.1 1-1.9 1.7-2.4 2.2l-.5.5h.2v-.1l-.1.1c.1-.1.1-.1.2-.1c14.6-8.8 34.9-16 49.4-19.6l5.9-1.4c.4-.1.8-.1 1.2-.2c1.7-.4 3.4-.7 5.2-1.1c.2 0 .6-.1.8-.1c64.2-11.7 132.6 7.5 180.2 53c10.3 9.8 19.3 20.8 26.9 32.8c30.4 49.2 27.5 111.1 3.8 147.6c-34.4 53-111.4 71.3-159 24.8c-16-15.5-25.2-36.7-25.6-59c-.2-10.7 2-21.2 6.2-31c1.7-3.8 13.1-25.7 18.2-24.6c-13.1-2.8-37.5 2.6-54.7 28.2c-15.4 22.9-14.5 58.2-5 83.3c-6-12.4-10.1-25.6-12.1-39.2c-12.2-82.6 43.3-153 94.3-170.5c-27.5-24-96.5-22.3-147.7 15.4c-29.9 22-51.2 53.2-62.5 90.4c1.7-20.9 9.6-52.1 25.8-83.9c-17.2 8.9-39 37-49.8 62.9c-15.6 37.4-21 82.2-16.1 124.8c.4 3.2.7 6.4 1.1 9.6c19.9 117.1 122 206.4 244.8 206.4c137.1 0 248.3-111.2 248.3-248.4c-.1-4.5-.2-9.1-.5-13.5z"/></svg>
</template>

CSS

.icon-firefox {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M567.5%20305.5c-.1-1.6-.2-3.1-.2-4.7v-.1l-.4-4.7v-.1c-1.3-13.9-3.7-27.7-7.3-41.2c0-.1%200-.1-.1-.2l-1.1-4c-.1-.2-.1-.5-.2-.6c-.4-1.2-.7-2.5-1.1-3.7c-.1-.2-.1-.6-.2-.8c-.4-1.2-.7-2.4-1.1-3.5c-.1-.4-.2-.6-.4-1c-.4-1.2-.7-2.3-1.2-3.5l-.4-1.1c-.4-1.1-.8-2.3-1.2-3.4c-.1-.3-.2-.7-.4-1c-.5-1.1-.8-2.3-1.3-3.4c-.1-.2-.2-.6-.4-.8c-.5-1.2-1-2.3-1.4-3.5c0-.1-.1-.2-.1-.4c-1.6-3.8-3.2-7.7-5-11.4l-.4-.7c-.5-1-.8-1.8-1.3-2.6c-.2-.5-.5-1.1-.7-1.6l-1.2-2.4c-.4-.6-.6-1.2-1-1.8s-.8-1.4-1.2-2.3c-.4-.6-.7-1.3-1.1-1.9s-.8-1.4-1.2-2.2c-.4-.7-.8-1.4-1.2-2c-.4-.7-.8-1.3-1.2-2s-.8-1.3-1.2-2s-.8-1.3-1.2-1.9s-.8-1.4-1.3-2.2l-1.2-1.8l-1.4-2.1l-1.2-1.8c-.5-.7-1.1-1.6-1.6-2.3c-.4-.5-.7-1.1-1.1-1.6l-1.8-2.5c-.4-.5-.6-.8-1-1.3c-1-1.3-1.8-2.5-2.8-3.7c-7.2-9.4-15-18.3-23.5-26.6c-5.7-6-11.8-11.5-18.3-16.7c-4-3.5-8.2-6.7-12.5-9.8c-7.7-5.8-16-10.8-24.6-15.1c-2.4-1.3-4.8-2.5-7.2-3.7c-17.7-8.6-36.3-15.2-55.4-19.6c-1.9-.4-3.8-.8-5.6-1.2h-.1c-1-.1-1.8-.4-2.8-.5c-12.5-2.4-25.2-3.7-38-4h-10.6c-15.3.2-30.5%201.9-45.5%205c-33.6%207.1-63.2%2021.2-82.9%2039c-1.1%201-1.9%201.7-2.4%202.2l-.5.5h.2v-.1l-.1.1c.1-.1.1-.1.2-.1c14.6-8.8%2034.9-16%2049.4-19.6l5.9-1.4c.4-.1.8-.1%201.2-.2c1.7-.4%203.4-.7%205.2-1.1c.2%200%20.6-.1.8-.1c64.2-11.7%20132.6%207.5%20180.2%2053c10.3%209.8%2019.3%2020.8%2026.9%2032.8c30.4%2049.2%2027.5%20111.1%203.8%20147.6c-34.4%2053-111.4%2071.3-159%2024.8c-16-15.5-25.2-36.7-25.6-59c-.2-10.7%202-21.2%206.2-31c1.7-3.8%2013.1-25.7%2018.2-24.6c-13.1-2.8-37.5%202.6-54.7%2028.2c-15.4%2022.9-14.5%2058.2-5%2083.3c-6-12.4-10.1-25.6-12.1-39.2c-12.2-82.6%2043.3-153%2094.3-170.5c-27.5-24-96.5-22.3-147.7%2015.4c-29.9%2022-51.2%2053.2-62.5%2090.4c1.7-20.9%209.6-52.1%2025.8-83.9c-17.2%208.9-39%2037-49.8%2062.9c-15.6%2037.4-21%2082.2-16.1%20124.8c.4%203.2.7%206.4%201.1%209.6c19.9%20117.1%20122%20206.4%20244.8%20206.4c137.1%200%20248.3-111.2%20248.3-248.4c-.1-4.5-.2-9.1-.5-13.5z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M567.5%20305.5c-.1-1.6-.2-3.1-.2-4.7v-.1l-.4-4.7v-.1c-1.3-13.9-3.7-27.7-7.3-41.2c0-.1%200-.1-.1-.2l-1.1-4c-.1-.2-.1-.5-.2-.6c-.4-1.2-.7-2.5-1.1-3.7c-.1-.2-.1-.6-.2-.8c-.4-1.2-.7-2.4-1.1-3.5c-.1-.4-.2-.6-.4-1c-.4-1.2-.7-2.3-1.2-3.5l-.4-1.1c-.4-1.1-.8-2.3-1.2-3.4c-.1-.3-.2-.7-.4-1c-.5-1.1-.8-2.3-1.3-3.4c-.1-.2-.2-.6-.4-.8c-.5-1.2-1-2.3-1.4-3.5c0-.1-.1-.2-.1-.4c-1.6-3.8-3.2-7.7-5-11.4l-.4-.7c-.5-1-.8-1.8-1.3-2.6c-.2-.5-.5-1.1-.7-1.6l-1.2-2.4c-.4-.6-.6-1.2-1-1.8s-.8-1.4-1.2-2.3c-.4-.6-.7-1.3-1.1-1.9s-.8-1.4-1.2-2.2c-.4-.7-.8-1.4-1.2-2c-.4-.7-.8-1.3-1.2-2s-.8-1.3-1.2-2s-.8-1.3-1.2-1.9s-.8-1.4-1.3-2.2l-1.2-1.8l-1.4-2.1l-1.2-1.8c-.5-.7-1.1-1.6-1.6-2.3c-.4-.5-.7-1.1-1.1-1.6l-1.8-2.5c-.4-.5-.6-.8-1-1.3c-1-1.3-1.8-2.5-2.8-3.7c-7.2-9.4-15-18.3-23.5-26.6c-5.7-6-11.8-11.5-18.3-16.7c-4-3.5-8.2-6.7-12.5-9.8c-7.7-5.8-16-10.8-24.6-15.1c-2.4-1.3-4.8-2.5-7.2-3.7c-17.7-8.6-36.3-15.2-55.4-19.6c-1.9-.4-3.8-.8-5.6-1.2h-.1c-1-.1-1.8-.4-2.8-.5c-12.5-2.4-25.2-3.7-38-4h-10.6c-15.3.2-30.5%201.9-45.5%205c-33.6%207.1-63.2%2021.2-82.9%2039c-1.1%201-1.9%201.7-2.4%202.2l-.5.5h.2v-.1l-.1.1c.1-.1.1-.1.2-.1c14.6-8.8%2034.9-16%2049.4-19.6l5.9-1.4c.4-.1.8-.1%201.2-.2c1.7-.4%203.4-.7%205.2-1.1c.2%200%20.6-.1.8-.1c64.2-11.7%20132.6%207.5%20180.2%2053c10.3%209.8%2019.3%2020.8%2026.9%2032.8c30.4%2049.2%2027.5%20111.1%203.8%20147.6c-34.4%2053-111.4%2071.3-159%2024.8c-16-15.5-25.2-36.7-25.6-59c-.2-10.7%202-21.2%206.2-31c1.7-3.8%2013.1-25.7%2018.2-24.6c-13.1-2.8-37.5%202.6-54.7%2028.2c-15.4%2022.9-14.5%2058.2-5%2083.3c-6-12.4-10.1-25.6-12.1-39.2c-12.2-82.6%2043.3-153%2094.3-170.5c-27.5-24-96.5-22.3-147.7%2015.4c-29.9%2022-51.2%2053.2-62.5%2090.4c1.7-20.9%209.6-52.1%2025.8-83.9c-17.2%208.9-39%2037-49.8%2062.9c-15.6%2037.4-21%2082.2-16.1%20124.8c.4%203.2.7%206.4%201.1%209.6c19.9%20117.1%20122%20206.4%20244.8%20206.4c137.1%200%20248.3-111.2%20248.3-248.4c-.1-4.5-.2-9.1-.5-13.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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