Firefox Developer ikonu

openmoji:firefox-developer

Firefox Developer ikonu (openmoji:firefox-developer), OpenMoji setinden ücretsiz bir SVG ikondur. 72 × 72 ızgara üzerinde çizilmiştir. OpenMoji icons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: OpenMoji
Yazar: OpenMoji
Lisans: CC-BY-SA-4.0
Boyut: 72 × 72
Kategori: OpenMoji ekstraları
Etiketler: firefoxdeveloper

SVG indir

SVG kodu

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

Firefox Developer ikonu nasıl kullanılır

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 bileşeni

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

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

HTML görseli

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

OpenMoji setindeki benzer ikonlar

Firefox Developer ikonu: sık sorulan sorular

Firefox Developer ikonu ticari kullanım için ücretsiz mi?

Evet. OpenMoji icons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Firefox Developer ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="openmoji:firefox-developer" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Firefox Developer ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/openmoji/firefox-developer.svg" alt="Firefox Developer ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: OpenMoji ikonları →