Ikon Firefox Developer
openmoji:firefox-developer
Ikon Firefox Developer (openmoji:firefox-developer) 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
- Tag
- firefoxdeveloper
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><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" fill-rule="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" clip-rule="evenodd"/><circle cx="36" cy="36" r="13" fill="#1e50a0" stroke="#1e50a0" stroke-width="2"/><g fill="#92d3f5"><path fill-rule="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" clip-rule="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" fill-rule="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" clip-rule="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" fill-rule="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" 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.122 8 5.263 8 10.2S43.592 46.877 39 48c-4 .976-11.5-.5-14.5-7"/><path stroke-linejoin="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>Cara memakai ikon Firefox Developer
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:firefox-developer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:firefox-developer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:firefox-developer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--firefox-developer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:firefox-developer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:firefox-developer"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/firefox-developer.svg" alt="Ikon Firefox Developer" width="24" height="24">Ikon terkait di OpenMoji
FAQ Ikon Firefox Developer
Apakah ikon Firefox Developer 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 Developer di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:firefox-developer" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Firefox Developer ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/firefox-developer.svg" alt="Ikon Firefox Developer">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.