أيقونة Male Female

ion:male-female

أيقونة Male Female (ion:male-female) أيقونة SVG مجانية من مجموعة IonIcons من تصميم Ben Sperry. مرسومة على شبكة 512 × 512. تُنشر IonIcons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IonIcons
المؤلف: Ben Sperry
الترخيص: MIT
الحجم: 512 × 512
الوسوم: malefemale

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M426 16h-74a22 22 0 0 0 0 44h20.89l-37.1 37.09A157.68 157.68 0 0 0 216 42c-87.12 0-158 70.88-158 158c0 79.66 59.26 145.72 136 156.46V394h-28a22 22 0 0 0 0 44h28v36a22 22 0 0 0 44 0v-36h28a22 22 0 0 0 0-44h-28v-37.54c76.74-10.74 136-76.8 136-156.46a157.15 157.15 0 0 0-14-64.92l44-44V112a22 22 0 0 0 44 0V38a22 22 0 0 0-22-22M216 314a114 114 0 1 1 114-114a114.13 114.13 0 0 1-114 114"/></svg>

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

React

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

<Icon icon="ion:male-female" width="24" />

Vue

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

<template>
  <Icon icon="ion:male-female" width="24" />
</template>

Svelte

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

<Icon icon="ion:male-female" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--male-female]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:male-female"></div>

مكوّن ويب

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

<iconify-icon icon="ion:male-female"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ion/male-female.svg" alt="أيقونة Male Female" width="24" height="24">

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

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

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

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

نعم. تُنشر IonIcons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل IonIcons →