Home/Libraries/OpenMoji (Iconify)/firefox-developer

OpenMoji (Iconify)

FirefoxDeveloper

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#61b2e4" 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="#92d3f5" fill-rule="evenodd" d="M48.78 47.41c5.596-4.195 9.217-10.88 9.217-18.41a23 23 0 0 0-.49-4.744a27.58 27.58 0 0 1-13.68-14.88C38.468 13.388 35 19.786 35 26.996c0 9.246 5.703 17.16 13.78 20.41z" clip-rule="evenodd"/><circle cx="36" cy="36" r="13" fill="#1e50a0" stroke="#818cf8" stroke-width="1.5"/><g fill="#92d3f5"><path fill-rule="evenodd" d="M39 48.05c.801.196 1.638.3 2.5.3c5.799 0 10.5-4.702 10.5-10.5s-4.701-10.5-10.5-10.5c-.861 0-1.699.103-2.5.299c4.592 1.122 8 5.263 8 10.2s-3.408 9.079-8 10.2z" clip-rule="evenodd"/><path d="m39 48.05l-.237-.971v1.942zm13-10.2h1zm-13-10.2l-.237-.971v1.943zm2.5 19.7c-.78 0-1.539-.094-2.263-.27l-.475 1.942c.879.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-.475 0C42.917 29.637 46 33.385 46 37.85h2c0-5.41-3.733-9.944-8.763-11.17zM46 37.85c0 4.466-3.082 8.214-7.237 9.229l.475 1.943C44.266 47.794 48 43.259 48 37.852z"/></g><path fill="#61b2e4" 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="#61b2e4" fill-rule="evenodd" d="M11 36.5c0-7.466 3.209-14.18 8.322-18.85c.261-.238.678-.033.678.32v.026c0 1.711.306 3.35.868 4.865a.4.4 0 0 1 .008.264a20 20 0 0 0-.857 6.755l-.002.02l-.015.083a.012.012 0 0 0 .011.015q.01.001.012.011l.003.069c.003.051.05.09.1.082q.3-.042.62-.075a.03.03 0 0 0 .027-.022a.03.03 0 0 1 .031-.021l.258.014c.451-.037.93-.06 1.436-.06c1.817 0 3.365.54 4.853 1.059c1.378.48 2.704.942 4.147.942c1.545 0 2.759-.138 3.56-.281c.352-.063.643.313.435.603c-.475.66-1.181 1.407-1.995 1.678c-.324.108-.857.169-1.51.244c-2.37.273-6.314.727-7.49 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.084c3.108 2.695 7.085 4.313 11.42 4.313c9.942 0 18-8.507 18-19c0-4.124-1.244-7.942-3.36-11.06c-.27-.399.261-.976.625-.658C58.618 21.953 62 28.829 62 36.499c0 14.08-11.42 25.5-25.5 25.5S11 50.579 11 36.499z" clip-rule="evenodd"/><path fill="#92d3f5" 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="#1e50a0" fill-rule="evenodd" d="M61.88 34.39C60.646 47.32 49.75 57.44 36.5 57.44S12.35 47.32 11.12 34.39a26 26 0 0 0-.116 2.452c0 14.08 11.42 25.5 25.5 25.5s25.5-11.42 25.5-25.5q0-1.241-.117-2.452z" clip-rule="evenodd"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5"><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.122 8 5.263 8 10.2S43.592 46.877 39 48c-4 .976-11.5-.5-14.5-7"/><path stroke-linejoin="round" d="M55.05 22.9A27.6 27.6 0 0 1 43.82 9.37a22.03 22.03 0 0 0-7.874 11.2m-.953 10.81c-2.24-.494-4.068-2.57-5.793-4.528a52 52 0 0 0-1.367-1.513c-.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.85.006v-.004a14 14 0 0 1-.884-5.966c-5.525 4.678-9.033 11.66-9.033 19.47v.339c0 14.08 11.42 25.5 25.5 25.5s25.5-11.42 25.5-25.5v-.34c0-7.551-3.283-14.34-8.5-19.01"/><path d="M30 24.46a12.95 12.95 0 0 1 6-1.464c2.368 0 4.588.633 6.5 1.739"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FirefoxDeveloperIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.