Иконка Firefox

openmoji:firefox

Иконка Firefox (openmoji:firefox) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Дополнения OpenMoji

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:firefox"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/firefox.svg" alt="Иконка Firefox" width="24" height="24">

Иконка Firefox в других наборах

Вопросы и ответы: Иконка Firefox

Можно ли бесплатно использовать иконку Firefox в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Firefox в React?

Установите @iconify/react и выведите <Icon icon="openmoji:firefox" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Firefox на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/firefox.svg" alt="Иконка Firefox">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →