أيقونة Gender Hetero

streamline-ultimate-color:gender-hetero

أيقونة Gender Hetero (streamline-ultimate-color:gender-hetero) أيقونة SVG مجانية من مجموعة Ultimate color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Ultimate color icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: المستخدمون
الوسوم: genderhetero

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ff808c" d="M12.95 13.891a3.816 3.816 0 1 0 0-7.632a3.816 3.816 0 0 0 0 7.632"/><path fill="#66e1ff" d="M7.21 15.826a3.815 3.815 0 1 0 0-7.63a3.815 3.815 0 0 0 0 7.63"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.61 14.146a5.26 5.26 0 1 1 3.826 1.18"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M10.578 7.952A5.26 5.26 0 1 1 6.74 6.76m10.043-.5L22.044 1m0 3.826V1h-3.826M6.74 17.26V23m-1.913-1.913h3.826"/></g></svg>

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

React

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

<Icon icon="streamline-ultimate-color:gender-hetero" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:gender-hetero" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:gender-hetero" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--gender-hetero]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:gender-hetero"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-ultimate-color:gender-hetero"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/gender-hetero.svg" alt="أيقونة Gender Hetero" width="24" height="24">

أيقونات ذات صلة في Ultimate color icons

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

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

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

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

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/gender-hetero.svg" alt="أيقونة Gender Hetero">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ultimate color icons →