Firefox icon

openmoji:firefox

The Firefox icon (openmoji:firefox) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Extras Openmoji

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ea5a47" d="M28.5 19c-2.4 0-5.333 3.333-6.5 5l6 2c-.5-1.833-1.1-5.8.5-7"/><path fill="#f1b31c" fill-rule="evenodd" d="M48.783 47.414C54.38 43.22 58 36.532 58 29a23 23 0 0 0-.49-4.744A27.6 27.6 0 0 1 43.827 9.378C38.468 13.39 35 19.79 35 27c0 9.246 5.703 17.159 13.783 20.414" clip-rule="evenodd"/><circle cx="36" cy="36" r="13" fill="#8967aa" stroke="#8967aa" stroke-width="2"/><g fill="#d22f27"><path fill-rule="evenodd" d="M39 48.05c.801.196 1.639.3 2.5.3c5.799 0 10.5-4.701 10.5-10.5s-4.701-10.5-10.5-10.5c-.861 0-1.699.104-2.5.3c4.592 1.121 8 5.263 8 10.2c0 4.938-3.408 9.079-8 10.2" clip-rule="evenodd"/><path d="m39 48.05l-.237-.97v1.942zm13-10.2h1zm-13-10.2l-.237-.972v1.943zm2.5 19.7c-.78 0-1.539-.094-2.263-.27l-.474 1.942c.878.215 1.795.328 2.737.328zm9.5-9.5a9.5 9.5 0 0 1-9.5 9.5v2c6.351 0 11.5-5.149 11.5-11.5zm-9.5-9.5a9.5 9.5 0 0 1 9.5 9.5h2c0-6.351-5.149-11.5-11.5-11.5zm-2.263.27a9.5 9.5 0 0 1 2.263-.27v-2c-.942 0-1.859.113-2.737.328zm-.474 0C42.917 29.637 46 33.385 46 37.85h2c0-5.41-3.733-9.944-8.763-11.172zM46 37.85c0 4.466-3.083 8.214-7.237 9.23l.474 1.942C44.267 47.794 48 43.259 48 37.85z"/></g><path fill="#ea5a47" d="M27.5 25c-2-2-5.167-2.167-6.5-2h-1v10.5h11l5-2c-3.5 0-6-4-8.5-6.5"/><path fill="#ea5a47" fill-rule="evenodd" d="M11 36.5c0-7.466 3.209-14.183 8.322-18.846c.262-.239.679-.033.678.32V18c0 1.71.307 3.35.868 4.865a.4.4 0 0 1 .008.263a20 20 0 0 0-.857 6.755l-.001.02l-.015.084a.012.012 0 0 0 .01.014q.011.001.012.011l.004.069c.002.051.049.09.1.082q.3-.042.62-.075a.03.03 0 0 0 .026-.021a.03.03 0 0 1 .032-.022l.257.014q.678-.057 1.436-.059c1.817 0 3.365.54 4.853 1.058c1.378.48 2.705.942 4.147.942c1.545 0 2.759-.138 3.56-.281c.352-.063.643.313.435.603c-.474.66-1.181 1.407-1.995 1.678c-.324.108-.857.17-1.509.244c-2.37.273-6.315.727-7.491 4.256l-.037.16a.4.4 0 0 0 .001.183a15.9 15.9 0 0 0 2.043 4.76a.4.4 0 0 0 .073.084C29.687 46.382 33.665 48 38 48c9.941 0 18-8.507 18-19c0-4.124-1.245-7.942-3.36-11.056c-.27-.4.261-.976.625-.659C58.618 21.959 62 28.835 62 36.5C62 50.583 50.583 62 36.5 62S11 50.583 11 36.5" clip-rule="evenodd"/><path fill="#f1b31c" d="M22.5 30c-2.8 0-4.833.667-5.5 1c0 0 2 4 6 4c0 0 1 2 2 6c.5-6.5 7-6.5 8.5-7c1.2-.4 2.167-1.833 2.5-2.5c-.5.167-2.1.5-4.5.5c-3 0-5.5-2-9-2"/><path fill="#b399c8" fill-rule="evenodd" d="M61.884 34.387C60.65 47.32 49.756 57.435 36.5 57.435S12.35 47.32 11.116 34.387A26 26 0 0 0 11 36.839c0 14.083 11.417 25.5 25.5 25.5S62 50.922 62 36.839q-.001-1.241-.116-2.452" clip-rule="evenodd"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M52 37.85c0-5.799-4.701-10.5-10.5-10.5c-.861 0-1.699.104-2.5.3c4.592 1.121 8 5.263 8 10.2c0 4.938-3.408 9.028-8 10.15c-4 .977-11.5-.5-14.5-7"/><path stroke-linejoin="round" d="M55.054 22.904A27.6 27.6 0 0 1 43.827 9.378a22.04 22.04 0 0 0-7.874 11.197M35 31.39c-2.24-.494-4.068-2.57-5.793-4.528a52 52 0 0 0-1.367-1.514c-.443-1.994-.77-5.276.66-6.348c-1.978 0-4.318 2.264-5.733 3.994a10.5 10.5 0 0 0-1.851.006l.001-.005a14 14 0 0 1-.884-5.966C14.508 21.707 11 28.694 11 36.5v.339c0 14.083 11.417 25.5 25.5 25.5S62 50.922 62 36.839V36.5c0-7.552-3.283-14.338-8.5-19.007"/><path d="M30 24.464A12.94 12.94 0 0 1 36 23c2.368 0 4.588.633 6.5 1.74"/></g></svg>

How to use the Firefox icon

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:firefox" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:firefox" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:firefox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--firefox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:firefox"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:firefox"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/firefox.svg" alt="Firefox icon" width="24" height="24">

Related icons in OpenMoji

Firefox icon in other icon sets

Firefox icon FAQ

Is the Firefox icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Firefox icon in React?

Install @iconify/react and render <Icon icon="openmoji:firefox" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Firefox icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/firefox.svg" alt="Firefox icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →