أيقونة Element
openmoji:element
أيقونة Element (openmoji:element) أيقونة 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 xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="36" cy="36" r="28" fill="#b1cc33"/><path fill="#fff" fill-rule="evenodd" d="M30.698 20.513c0-1.171.95-2.12 2.124-2.12c7.95 0 14.395 6.432 14.395 14.366c0 1.17-.95 2.12-2.124 2.12a2.12 2.12 0 0 1-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12 2.12 0 0 1-2.124-2.12z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M51.483 30.639c1.173 0 2.124.949 2.124 2.12c0 7.933-6.445 14.365-14.395 14.365a2.12 2.12 0 0 1-2.124-2.12c0-1.17.95-2.119 2.124-2.119c5.604 0 10.147-4.534 10.147-10.126c0-1.171.95-2.12 2.124-2.12" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M41.335 51.487c0 1.171-.95 2.12-2.124 2.12c-7.95 0-14.395-6.432-14.395-14.366c0-1.17.951-2.119 2.124-2.119s2.124.949 2.124 2.12c0 5.592 4.543 10.126 10.147 10.126c1.173 0 2.124.949 2.124 2.12z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M20.517 41.36a2.12 2.12 0 0 1-2.124-2.118c0-7.934 6.445-14.366 14.395-14.366c1.173 0 2.124.949 2.124 2.12c0 1.17-.95 2.119-2.124 2.119c-5.604 0-10.147 4.534-10.147 10.127c0 1.17-.951 2.119-2.124 2.119z" clip-rule="evenodd"/><g fill="none" stroke="#000" stroke-width="2"><circle cx="36" cy="36" r="28"/><path stroke-linecap="round" d="M30.698 20.513c0-1.171.95-2.12 2.124-2.12c7.95 0 14.395 6.432 14.395 14.366c0 1.17-.95 2.12-2.124 2.12a2.12 2.12 0 0 1-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12 2.12 0 0 1-2.124-2.12z"/><path stroke-linecap="round" d="M51.483 30.639c1.173 0 2.124.949 2.124 2.12c0 7.933-6.445 14.365-14.395 14.365a2.12 2.12 0 0 1-2.124-2.12c0-1.17.95-2.119 2.124-2.119c5.604 0 10.147-4.534 10.147-10.126c0-1.171.95-2.12 2.124-2.12z"/><path stroke-linecap="round" d="M41.335 51.487c0 1.171-.95 2.12-2.124 2.12c-7.95 0-14.395-6.432-14.395-14.366c0-1.17.951-2.119 2.124-2.119s2.124.949 2.124 2.12c0 5.592 4.543 10.126 10.147 10.126c1.173 0 2.124.949 2.124 2.12z"/><path stroke-linecap="round" d="M20.517 41.36a2.12 2.12 0 0 1-2.124-2.118c0-7.934 6.445-14.366 14.395-14.366c1.173 0 2.124.949 2.124 2.12c0 1.17-.95 2.119-2.124 2.119c-5.604 0-10.147 4.534-10.147 10.127c0 1.17-.951 2.119-2.124 2.119z"/></g></svg>كيفية استخدام أيقونة Element
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:element" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:element" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:element" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--element]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:element"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:element"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/openmoji/element.svg" alt="أيقونة Element" width="24" height="24">أيقونة Element في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Element
هل أيقونة Element مجانية للاستخدام التجاري؟
نعم. تُنشر OpenMoji icons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.
كيف أستخدم أيقونة Element في React؟
ثبّت @iconify/react واعرض <Icon icon="openmoji:element" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Element إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/openmoji/element.svg" alt="أيقونة Element">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.