ICONYZ
العربية
أيقونة Yellow Heart من Fluent Emoji

أيقونة Yellow Heart

fluent-emoji:yellow-heart

أيقونة Yellow Heart (fluent-emoji:yellow-heart) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent Emoji
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
32 × 32
الوسوم
yellowheart
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iB3D1Vb)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#iVp2DLb)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#iAUo06b)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#i2IJ7Od)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#iyyN8nc)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#iyX9l5d)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#i611u0d)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#iSqxTCe)" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#iUmZwJe)" fill-opacity=".25" d="M15.037 29.202a1.73 1.73 0 0 0 1.71-.023c3.583-2.047 9.81-6.761 12.255-12.884c3.59-7.973-4.838-14.337-10.662-9.76c-.608.478-1.372 1.025-1.898 1.542c-.237.234-.656.258-.903.034c-.691-.63-1.771-1.436-2.465-1.905c-4.965-3.36-14 1.069-10.146 10.52c1.412 4.242 8.14 10.26 12.109 12.476"/><path fill="url(#itxrUSd)" d="m15.535 8.107l.004.004c.247.224.666.2.903-.034c.396-.389.925-.794 1.422-1.175q.248-.188.476-.366c5.824-4.578 14.251 1.786 10.662 9.759a18.8 18.8 0 0 1-1.863 3.485z"/><path fill="url(#iDkSLZd)" d="m15.535 8.107l.004.004c.247.224.666.2.903-.034c.396-.389.925-.794 1.422-1.175q.248-.188.476-.366c5.824-4.578 14.251 1.786 10.662 9.759a18.8 18.8 0 0 1-1.863 3.485z"/><g filter="url(#iHjdYAd)"><path fill="url(#ixESTGP)" d="M16.166 10.478v8.819c0 1.038 1.4 1.395 1.866.468c1.453-2.888 2.663-6.074 1.678-8.326c-.826-1.887-2.055-2.093-3.017-1.777c-.34.112-.527.458-.527.816"/></g><g filter="url(#i64Eccd)"><ellipse cx="9.263" cy="6.289" fill="url(#i5JJabc)" rx="1.519" ry=".249" transform="rotate(-.697 9.263 6.289)"/></g><g filter="url(#iTaIr4c)"><path fill="url(#iHF2AVd)" d="m14.665 9.314l.313 13.063C8.101 15.689 6.262 7.868 8.897 6.814c2.634-1.053 5.017.938 5.767 2.5"/></g><g filter="url(#izHTkCb)"><ellipse cx="23.216" cy="12.447" fill="url(#ix7BJsc)" rx="5.327" ry="5.74"/></g><g filter="url(#ippkF2v)"><path stroke="#FFC037" stroke-linecap="round" d="M26.835 15.127c-1.062 2.562-5.437 7.937-8.562 10"/></g><g filter="url(#iYYqQpg)"><path stroke="#FAA730" stroke-linecap="round" d="M4.522 13.252c1.188 5.5 7.126 10.062 10.25 12.125"/></g><defs><radialGradient id="iB3D1Vb" cx="0" cy="0" r="1" gradientTransform="matrix(0 23.5 -58.948 0 14.887 9.752)" gradientUnits="userSpaceOnUse"><stop offset=".114" stop-color="#FFD765"/><stop offset="1" stop-color="#FF8040"/></radialGradient><radialGradient id="iVp2DLb" cx="0" cy="0" r="1" gradientTransform="rotate(116.407 9.623 12.067)scale(10.1182 9.41358)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD765"/><stop offset="1" stop-color="#FFD765" stop-opacity="0"/></radialGradient><radialGradient id="i2IJ7Od" cx="0" cy="0" r="1" gradientTransform="rotate(129.54 8.745 11.064)scale(22.7917 42.6912)" gradientUnits="userSpaceOnUse"><stop offset=".798" stop-color="#FF69CF" stop-opacity="0"/><stop offset=".908" stop-color="#FF69CF"/></radialGradient><radialGradient id="iyyN8nc" cx="0" cy="0" r="1" gradientTransform="matrix(-20.12496 -9.75003 11.86302 -24.48637 17.335 17.627)" gradientUnits="userSpaceOnUse"><stop offset=".586" stop-color="#9B7C23" stop-opacity="0"/><stop offset="1" stop-color="#9B7C23"/></radialGradient><radialGradient id="iyX9l5d" cx="0" cy="0" r="1" gradientTransform="rotate(-152.113 10.856 6.662)scale(18.1729 16.0734)" gradientUnits="userSpaceOnUse"><stop offset=".915" stop-color="#9B7C23" stop-opacity="0"/><stop offset="1" stop-color="#9B7C23"/></radialGradient><radialGradient id="i611u0d" cx="0" cy="0" r="1" gradientTransform="matrix(0 19.7992 -26.4278 0 15.38 13.816)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#FF69CF" stop-opacity="0"/><stop offset=".934" stop-color="#FF69CF"/></radialGradient><radialGradient id="iSqxTCe" cx="0" cy="0" r="1" gradientTransform="matrix(16.87497 16.4375 -45.77958 46.99799 10.273 9.377)" gradientUnits="userSpaceOnUse"><stop offset=".777" stop-color="#FF69CF" stop-opacity="0"/><stop offset="1" stop-color="#FF69CF"/></radialGradient><radialGradient id="itxrUSd" cx="0" cy="0" r="1" gradientTransform="matrix(7.31249 -12.5 11.72334 6.85814 21.808 15.556)" gradientUnits="userSpaceOnUse"><stop offset=".672" stop-color="#F9861D" stop-opacity="0"/><stop offset="1" stop-color="#FEA16F"/></radialGradient><radialGradient id="iDkSLZd" cx="0" cy="0" r="1" gradientTransform="matrix(-6.81254 -7.9931 8.12584 -6.92566 23.87 12.993)" gradientUnits="userSpaceOnUse"><stop offset=".657" stop-color="#C5A34C" stop-opacity="0"/><stop offset=".906" stop-color="#C5A34C"/></radialGradient><radialGradient id="ixESTGP" cx="0" cy="0" r="1" gradientTransform="matrix(0 17.6875 -5.77863 0 18.436 10.19)" gradientUnits="userSpaceOnUse"><stop offset=".718" stop-color="#FFBF2B"/><stop offset="1" stop-color="#FFBF2B" stop-opacity="0"/></radialGradient><radialGradient id="i5JJabc" cx="0" cy="0" r="1" gradientTransform="matrix(-4.0437 -.29688 .12231 -1.66597 12.823 6.149)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE647"/><stop offset="1" stop-color="#FFE647" stop-opacity="0"/></radialGradient><radialGradient id="iHF2AVd" cx="0" cy="0" r="1" gradientTransform="matrix(-9.6251 -9.43744 26.61742 -27.14668 19.835 10.002)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE647"/><stop offset="1" stop-color="#FFE647" stop-opacity="0"/></radialGradient><radialGradient id="ix7BJsc" cx="0" cy="0" r="1" gradientTransform="matrix(-4.73797 6.33775 -10.19904 -7.62458 25.834 6.707)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE647"/><stop offset="1" stop-color="#FFE647" stop-opacity="0"/></radialGradient><filter id="iHjdYAd" width="9.902" height="16.759" x="13.166" y="6.541" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7319_6105" stdDeviation="1.5"/></filter><filter id="i64Eccd" width="6.037" height="3.5" x="6.245" y="4.539" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7319_6105" stdDeviation=".75"/></filter><filter id="iTaIr4c" width="13.229" height="21.857" x="4.748" y="3.52" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7319_6105" stdDeviation="1.5"/></filter><filter id="izHTkCb" width="16.653" height="17.481" x="14.89" y="3.707" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7319_6105" stdDeviation="1.5"/></filter><filter id="ippkF2v" width="15.563" height="17" x="14.772" y="11.627" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7319_6105" stdDeviation="1.5"/></filter><filter id="iYYqQpg" width="17.25" height="19.125" x="1.022" y="9.752" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7319_6105" stdDeviation="1.5"/></filter><linearGradient id="iAUo06b" x1="13.62" x2="4.62" y1="16.346" y2="26.033" gradientUnits="userSpaceOnUse"><stop offset=".402" stop-color="#ED7839" stop-opacity="0"/><stop offset="1" stop-color="#ED7839"/></linearGradient><linearGradient id="iUmZwJe" x1="16.523" x2="14.887" y1="13.002" y2="29.939" gradientUnits="userSpaceOnUse"><stop offset=".512" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FF7AF2"/></linearGradient></defs></g></svg>

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

React

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

<Icon icon="fluent-emoji:yellow-heart" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:yellow-heart" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:yellow-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--yellow-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:yellow-heart"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-emoji:yellow-heart"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/yellow-heart.svg" alt="أيقونة Yellow Heart" width="24" height="24">

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

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

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

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

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

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

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

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

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

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