أيقونة Firefox Developer

openmoji:firefox-developer

أيقونة Firefox Developer (openmoji:firefox-developer) أيقونة 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
الوسوم: firefoxdeveloper

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/openmoji/firefox-developer.svg" alt="أيقونة Firefox Developer" width="24" height="24">

أيقونات ذات صلة في OpenMoji

الأسئلة الشائعة حول أيقونة Firefox Developer

هل أيقونة Firefox Developer مجانية للاستخدام التجاري؟

نعم. تُنشر OpenMoji icons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.

كيف أستخدم أيقونة Firefox Developer في React؟

ثبّت @iconify/react واعرض <Icon icon="openmoji:firefox-developer" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Firefox Developer إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/openmoji/firefox-developer.svg" alt="أيقونة Firefox Developer">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات OpenMoji →