Skip to content
shadcn.io

Firefox Developer

The firefox-developer icon represents the Firefox Developer Edition, a version of the Firefox web browser specifically designed for web developers.

Add shadcn.io to your AI agent. · Pro It installs Firefox Developer, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Firefox Developer icon from OpenMoji
Get Pro

4,481 in OpenMojiCC BY-SA 4.0 license (opens in a new tab)Free to copy and download

Code

Firefox Developer in your framework

In any framework. Customize it above, and the code follows.

export const FirefoxDeveloperIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 72 72" fill="none" stroke="currentColor" {...props}>
    <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" fillRule="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" clipRule="evenodd"/><circle cx="36" cy="36" r="13" fill="#1e50a0" stroke="#1e50a0" strokeWidth="2"/><g fill="#92d3f5"><path fillRule="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" clipRule="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" fillRule="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" clipRule="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" fillRule="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" clipRule="evenodd"/><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2"><path strokeLinejoin="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 strokeLinejoin="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>
);

OpenMoji

Icons that share its tags, in the same style.

  • Firefox Nightly icon from OpenMoji
  • Firefox icon from OpenMoji
  • Opera icon from OpenMoji
  • Edge icon from OpenMoji
  • Netscape Navigator icon from OpenMoji
  • Chrome icon from OpenMoji
  • Chromium icon from OpenMoji
  • Javascript icon from OpenMoji
  • Chrome Canary icon from OpenMoji
  • Internet Explorer icon from OpenMoji
  • Webassembly icon from OpenMoji
  • Github icon from OpenMoji
  • Gitlab icon from OpenMoji
  • Kotlin icon from OpenMoji
  • Ng Button icon from OpenMoji
  • Package icon from OpenMoji
  • Safari icon from OpenMoji
  • Signal icon from OpenMoji
  • Wifi icon from OpenMoji
  • Windows icon from OpenMoji
  • Code Editor icon from OpenMoji
  • Desktop Computer icon from OpenMoji
  • Jellyfin icon from OpenMoji
  • Link icon from OpenMoji

Skip the copy and paste. With Pro, your AI agent finds and installs any OpenMoji icon from a prompt.

Get Pro

Tags

Browse by tag

Firefox Developer is tagged development, software, technology and 3 more. Related tags follow; each opens its icons from every library.

Pricing

OpenMoji MCP, with Pro

Ask for Firefox Developer or any of 4,481 OpenMoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Firefox Developer icon means and where it's used, then how to install, style and license it.

Install Firefox Developer from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro