Firefox icon
cbi:firefox
The Firefox icon (cbi:firefox) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.613 2.243c-1.677 1.163-2.767 3.116-2.945 5.141a4.12 4.12 0 0 1 3.484 1.279c.268.282 1.585 1.511.521.872c-.385-.238-1.715-.416-1.591-.166c2.23 1.179 2.569 4.541.821 6.28c-1.73 1.772-4.964 1.507-6.447-.456c-.442-.624-.992-1.475-.71-2.249c.633-1.151 2.043-1.39 3.233-1.447c.49-.27 1.601-1.156.461-1.348a7.2 7.2 0 0 1-2.414-1.705c-.857-.488-.174-2.239-.478-2.509c-.863.291-1.652 1.383-2.255 1.611c-.53-.594-.039-2.014-.424-2.244c-2.208 1.462-3.46 4.083-3.555 6.694c-.006-.378.213-1.539.04-.569c-.396 3.451 1.342 7.018 4.23 8.928c3.262 2.26 7.916 2.185 11.098-.188c2.785-1.972 4.392-5.501 3.946-8.9c-.223-1.889-.931-3.924-2.589-5.013c.476.93.788 1.938.985 2.962c-.778-2.607-3.507-4.625-4.564-6.456c-.27-.39-.291-1.151-.847-.517m.32.061c.401 1.649 3.656 4.142 4.753 6.708c.477 1.171.169 2.401-.348 3.504c-.329.695-1.21 1.906-1.582 2.004c.474-1.652.005-3.654-1.25-4.715c-.328-.977-1.444-1.633-2.031-2.636a4.51 4.51 0 0 1 .458-4.865"/></svg>
How to use the Firefox icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:firefox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:firefox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:firefox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--firefox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:firefox"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:firefox"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/firefox.svg" alt="Firefox icon" width="24" height="24">
Firefox icon in other icon sets
Firefox icon FAQ
Is the Firefox icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Firefox icon in React?
Install @iconify/react and render <Icon icon="cbi: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/cbi/firefox.svg" alt="Firefox icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
ICONYZ
