Icono Firefox

openmoji:firefox

El icono Firefox (openmoji:firefox) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: OpenMoji
Autor: OpenMoji
Licencia: CC-BY-SA-4.0
Tamaño: 72 × 72
Categoría: Extras de OpenMoji

Descargar SVG

Código SVG

<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>

Cómo usar el icono Firefox

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>

Imagen HTML

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

Iconos relacionados en OpenMoji

El icono Firefox en otras colecciones

Preguntas frecuentes sobre Icono Firefox

¿El icono Firefox es gratis para uso comercial?

Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Firefox en React?

Instala @iconify/react y renderiza <Icon icon="openmoji:firefox" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Firefox a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/firefox.svg" alt="Icono Firefox">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos OpenMoji →