أيقونة Child

el:child

أيقونة Child (el:child) أيقونة SVG مجانية من مجموعة Elusive Icons من تصميم Team Redux. مرسومة على شبكة 1200 × 1200. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Elusive Icons
المؤلف: Team Redux
الترخيص: OFL-1.1
الحجم: 1200 × 1200

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M604.729 0C469.354 0 359.598 110.317 359.598 246.429c0 136.114 109.765 246.471 245.132 246.471c135.375 0 245.089-110.35 245.089-246.471C849.818 110.314 740.103 0 604.729 0M464.355 287.402h279.366c0 77.145-62.56 139.704-139.704 139.704s-139.662-62.559-139.662-139.704m-52.274 244.336c-127.661 2.621-211.637 85.551-206.878 235.714L204.952 1200h146.945V811.356c1.271-34.026 51.241-45.945 57.673 0V1200h386.133V811.356c1.271-34.026 51.241-45.945 57.673 0V1200h141.672V767.452c-.858-118.72-49.572-236.814-205.581-235.714z"/></svg>

كيفية استخدام أيقونة Child

React

import { Icon } from "@iconify/react";

<Icon icon="el:child" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="el:child" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="el:child" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--child]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:child"></div>

مكوّن ويب

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

<iconify-icon icon="el:child"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/el/child.svg" alt="أيقونة Child" width="24" height="24">

أيقونة Child في مجموعات أخرى

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

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

نعم. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Elusive Icons →