Ícone Firefox
grommet-icons:firefox
O ícone Firefox (grommet-icons:firefox) é um ícone SVG gratuito da coleção Grommet Icons de Grommet. Ele é desenhado em uma grade de 24 × 24. Grommet Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Grommet Icons
- Autor
- Grommet
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m4.25 1l-.145 3.684c.624-.154 1.235-.246 1.83.01c1.291-1.768 3.148-2.376 5.194-2.6l.038.06q-.06.068-.122.131a9.5 9.5 0 0 0-1.948 2.847c-.134.306-.166.658-.238.99c-.029.129.037.198.168.216c.607.083 1.212.18 1.822.25c.382.043.769.051 1.154.067c.18.008.258.097.262.267c.015.684-.213 1.27-.759 1.69a4.4 4.4 0 0 1-1.781.804q-.1.024-.208.054l.198 2.515l-1.854-.888c-.186.392-.2.78-.082 1.176c.316 1.073 1.431 1.695 2.586 1.41c.404-.1.795-.27 1.176-.444c.376-.17.729-.39 1.096-.583c.622-.324 1.249-.296 1.874-.006c.09.041.18.095.249.165c.234.234.417.503.323.857c-.091.342-.34.54-.677.611a3 3 0 0 1-.594.059c-.132-.001-.202.042-.274.148c-.68 1.009-1.562 1.752-2.79 1.964c-.517.09-1.05.075-1.576.104c-.07.004-.14-.006-.255-.012c.07.064.105.104.147.135c1.39 1.027 2.927 1.378 4.614.974c1.381-.33 2.61-.949 3.623-1.965c.966-.968 1.408-2.15 1.422-3.496c.014-1.353-.288-2.634-.98-3.807c-.121-.205-.279-.39-.454-.63c1.19.54 2.24 1.153 2.727 2.42c.143-1.582-.148-3.08-.758-4.525c-.61-1.444-1.485-2.695-2.682-3.731c.05.01.1.018.149.034c2.694.844 4.763 2.45 6.056 4.991c.626 1.23.946 2.552 1.111 3.913c.177 1.457.156 2.906-.216 4.338c-.622 2.398-1.935 4.359-3.753 6.013c-1.73 1.574-3.745 2.595-6.052 2.887c-5.14.651-9.19-1.198-12.063-5.526C.665 16.849.126 14.92.023 12.859C-.144 9.51.61 6.385 2.272 3.478A9.9 9.9 0 0 1 4.049 1.18c.05-.048.102-.093.2-.181"/></svg>
Como usar o ícone Firefox
React
import { Icon } from "@iconify/react";
<Icon icon="grommet-icons:firefox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="grommet-icons:firefox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="grommet-icons:firefox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--firefox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:firefox"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="grommet-icons:firefox"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/grommet-icons/firefox.svg" alt="Ícone Firefox" width="24" height="24">
O ícone Firefox em outras coleções
Perguntas frequentes sobre Ícone Firefox
O ícone Firefox é grátis para uso comercial?
Sim. Grommet Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Firefox no React?
Instale @iconify/react e renderize <Icon icon="grommet-icons:firefox" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Firefox a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/grommet-icons/firefox.svg" alt="Ícone Firefox">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Grommet Icons →
ICONYZ
