Ikon Firefox

openmoji:firefox

Ikon Firefox (openmoji:firefox) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: OpenMoji
Pembuat: OpenMoji
Lisensi: CC-BY-SA-4.0
Ukuran: 72 × 72
Kategori: Ekstra OpenMoji

Download SVG

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

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di OpenMoji

Ikon Firefox di set ikon lain

FAQ Ikon Firefox

Apakah ikon Firefox gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Firefox di React?

Pasang @iconify/react lalu render <Icon icon="openmoji:firefox" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Firefox ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/firefox.svg" alt="Ikon Firefox">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →