Firefox icon

devicon-plain:firefox

The Firefox icon (devicon-plain:firefox) is a free SVG icon from the Devicon Plain set by konpa. It is drawn on a 128 × 128 grid. Devicon Plain 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: Devicon Plain
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" fill-rule="evenodd" d="m7.275 51.747l-3.221 2.579c-.477-1.941-.046-3.636.455-5.277c1.034-3.391 2.858-6.386 4.936-9.232c.753-1.032 1.29-2.053 1.267-3.443c-.085-4.919.436-9.778 2.122-14.443c.86-2.379 2.022-4.592 4.008-6.514c.783 3.826 1.493 7.503 3.586 10.261c1.51-1.339 3.021-2.613 4.457-3.965c8.624-8.111 18.778-13.179 30.482-14.847c14.681-2.093 28.23 1.056 40.53 9.432c1.162.792 2.496 1.333 3.763 1.962c5.825 2.893 10.222 7.198 12.976 13.119c.462.991.82 2.03 1.227 3.046l.366-.063l-1.584-9.499c6.35 8.911 8.353 18.801 8.895 29.179c1.186-1.655 1.177-3.615 1.819-5.49c.211 1.362.475 2.719.624 4.087c.586 5.377-.457 10.593-1.447 15.845c-2.339 12.405-7.712 23.385-15.81 32.926c-9.22 10.864-20.737 18.118-35.143 19.84c-20.904 2.498-38.465-4.219-52.648-19.764C12.129 94.031 7.628 85.353 5.613 75.47c-1.524-7.481-1.157-14.921 1.326-22.198l.389-1.116c.022-.065-.016-.15-.053-.409m94.636-9.92l.396-.342l4.464 3.447c-.059-1.046-.014-2.147-.195-3.208c-.795-4.628-3.6-7.983-7.086-10.862c-4.369-3.608-9.383-6.09-14.579-8.244c-.511-.212-1.012-.449-1.516-.674l.062-.522l7.325-.434c-2.706-4.465-7.356-5.711-12.068-6.993l.587-.311c-9.55-2.982-19.015-3.216-28.551-.776c-8.871 2.27-22.19 10.357-24.248 14.72l.6-.146c3.348-.822 6.69-1.048 10.062-.07c.367.106.979-.137 1.295-.421c3.159-2.829 6.672-5.044 10.742-6.297c1.282-.395 2.604-.658 3.908-.981c-.108.441-.305.621-.521.77c-4.22 2.9-7.064 6.714-7.857 11.877c-.043.283 0 .708.181.879c1.869 1.758 3.724 3.537 5.693 5.176c.681.566 1.641.946 2.524 1.086c1.706.271 3.449.322 5.178.444c1.063.075 1.751.826 1.37 1.687c-.565 1.282-1.182 2.471-2.479 3.336c-2.454 1.638-4.726 3.551-7.093 5.322c-.591.443-.614.845-.307 1.499c.567 1.208 1.109 2.447 1.473 3.727c.46 1.618.616 3.291.196 5.002c-1.337-.295-2.562-.586-3.794-.831c-1.238-.246-2.486-.438-3.728-.667c-1.552-.285-2.876.259-3.672 1.524c-.923 1.468-.938 3.002.049 4.26c2.011 2.561 4.288 4.858 6.977 6.712c2.225 1.536 4.726 2.39 7.388 1.82c1.853-.396 3.668-1.189 5.354-2.081c5.112-2.701 10.879-1.79 14.416 2.414c.633.751 1.012 1.603.475 2.485c-.516.847-1.382 1.046-2.377.797c-1.034-.259-1.99-.081-2.924.539c-2.465 1.636-4.886 3.378-7.5 4.744c-4.211 2.201-8.8 2.942-13.539 2.766c-.488-.016-.976 0-1.635 0c.244.289.331.412.438.515c3.423 3.319 7.347 5.87 11.876 7.363c4.987 1.644 10.084 2.317 15.258.888c5.799-1.601 10.354-5.114 14.25-9.553c1.57-1.79 2.994-3.707 4.485-5.565l.373.081l-1.316 8.981c7.149-8.746 7.377-18.745 6.371-29.287c2.057 2.291 2.681 4.977 3.86 7.669c2.408-8.36 1.217-16.32-.641-24.265" clip-rule="evenodd"/></svg>

How to use the Firefox icon

React

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

<Icon icon="devicon-plain:firefox" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:firefox" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:firefox" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="devicon-plain:firefox"></iconify-icon>

HTML image

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

Related icons in Devicon Plain

Firefox icon in other icon sets

Firefox icon FAQ

Is the Firefox icon free for commercial use?

Yes. Devicon Plain icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Firefox icon in React?

Install @iconify/react and render <Icon icon="devicon-plain: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/devicon-plain/firefox.svg" alt="Firefox icon">, or paste the SVG code inline to style it with CSS.

Browse all Devicon Plain icons →