أيقونة Red Heart
fluent-emoji:red-heart
أيقونة Red Heart (fluent-emoji:red-heart) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
- الوسوم
- redheart
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iEx5FNb)" d="M15.217 29.202a1.73 1.73 0 0 0 1.71-.023c3.584-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.897 1.542c-.238.234-.657.258-.904.034c-.69-.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(#iwE8krb)" d="M15.217 29.202a1.73 1.73 0 0 0 1.71-.023c3.584-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.897 1.542c-.238.234-.657.258-.904.034c-.69-.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(#iwg7QMb)" d="M15.217 29.202a1.73 1.73 0 0 0 1.71-.023c3.584-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.897 1.542c-.238.234-.657.258-.904.034c-.69-.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(#icgMi7d)" d="M15.217 29.202a1.73 1.73 0 0 0 1.71-.023c3.584-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.897 1.542c-.238.234-.657.258-.904.034c-.69-.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(#i0J7rue)" d="M15.217 29.202a1.73 1.73 0 0 0 1.71-.023c3.584-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.897 1.542c-.238.234-.657.258-.904.034c-.69-.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(#inqS43c)" d="M15.217 29.202a1.73 1.73 0 0 0 1.71-.023c3.584-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.897 1.542c-.238.234-.657.258-.904.034c-.69-.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(#i4Fhese)" fill-opacity=".6" d="M15.217 29.202a1.73 1.73 0 0 0 1.71-.023c3.584-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.897 1.542c-.238.234-.657.258-.904.034c-.69-.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"/><g filter="url(#iXy5vHe)"><path fill="#FA1C56" d="M15.908 10.54v6.823c0 .905 1.096 1.334 1.66.627c1.745-2.19 3.153-4.851 1.582-7.025c-.602-.834-1.756-1.368-2.699-1.198c-.352.063-.543.415-.543.774"/></g><g filter="url(#iFO6tTS)"><ellipse cx="24.663" cy="11.377" fill="url(#iVzAqlb)" rx="4.462" ry="3.7" transform="rotate(-44.19 24.663 11.377)"/></g><g filter="url(#iD5OjHd)"><ellipse cx="23.46" cy="6.067" fill="#FF7383" rx="1.693" ry=".356" transform="rotate(7.165 23.46 6.067)"/></g><g filter="url(#iV5UgQd)"><ellipse cx="9.389" cy="6.053" fill="#FF93BA" fill-opacity=".5" rx="1.519" ry=".249" transform="rotate(-.697 9.389 6.053)"/></g><g filter="url(#ipkacue)"><path fill="url(#iSrIs3d)" d="m14.845 9.962l.313 10.25C8.283 13.524 6.96 8.828 9.595 7.774c2.5-1 4.5.625 5.25 2.188"/></g><g filter="url(#ivp7vPb)"><path fill="#FF7383" d="M14.345 9.362c-.84-.12-1.1-.817-1.125-1.15c.48.5.95.542 1.125.5z"/></g><defs><radialGradient id="iEx5FNb" cx="0" cy="0" r="1" gradientTransform="matrix(0 22.9845 -24.4021 0 15.883 5.634)" gradientUnits="userSpaceOnUse"><stop stop-color="#FC0000"/><stop offset=".528" stop-color="#FF3B79"/><stop offset="1" stop-color="#F724B3"/></radialGradient><radialGradient id="iwE8krb" cx="0" cy="0" r="1" gradientTransform="matrix(-14.87866 15.19253 -28.45705 -27.86914 23.025 11.363)" gradientUnits="userSpaceOnUse"><stop offset=".798" stop-color="#C82092" stop-opacity="0"/><stop offset=".908" stop-color="#C82092"/></radialGradient><radialGradient id="iwg7QMb" cx="0" cy="0" r="1" gradientTransform="matrix(-21.1897 -8.27729 11.70114 -29.9547 19.997 17.789)" gradientUnits="userSpaceOnUse"><stop offset=".41" stop-color="#B91D43" stop-opacity="0"/><stop offset=".834" stop-color="#B91D43"/></radialGradient><radialGradient id="icgMi7d" cx="0" cy="0" r="1" gradientTransform="rotate(90 .872 14.688)scale(19.7992)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></radialGradient><radialGradient id="i4Fhese" cx="0" cy="0" r="1" gradientTransform="matrix(-16.59795 4.56623 -4.82236 -17.52896 18.347 12.896)" gradientUnits="userSpaceOnUse"><stop offset=".802" stop-color="#FF73A6" stop-opacity="0"/><stop offset="1" stop-color="#FF93BA"/></radialGradient><radialGradient id="iVzAqlb" cx="0" cy="0" r="1" gradientTransform="rotate(172.927 14.212 6.526)scale(7.29137 9.69562)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7383"/><stop offset="1" stop-color="#FF7383" stop-opacity="0"/></radialGradient><radialGradient id="iSrIs3d" cx="0" cy="0" r="1" gradientTransform="matrix(-9.06248 -8.87742 15.75895 -16.08745 16.345 13.84)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6274"/><stop offset="1" stop-color="#FF6274" stop-opacity="0"/></radialGradient><filter id="iXy5vHe" width="7.923" height="12.608" x="13.908" y="7.735" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7305_6094" stdDeviation="1"/></filter><filter id="iFO6tTS" width="11.219" height="11.176" x="19.054" y="5.789" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7305_6094" stdDeviation=".75"/></filter><filter id="iD5OjHd" width="7.36" height="4.823" x="19.78" y="3.656" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7305_6094" stdDeviation="1"/></filter><filter id="iV5UgQd" width="6.037" height="3.5" x="6.37" y="4.303" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7305_6094" stdDeviation=".75"/></filter><filter id="ipkacue" width="12.825" height="18.745" x="5.333" y="4.467" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7305_6094" stdDeviation="1.5"/></filter><filter id="ivp7vPb" width="3.125" height="3.15" x="12.22" y="7.212" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7305_6094" stdDeviation=".5"/></filter><linearGradient id="i0J7rue" x1="17.745" x2="25.758" y1="16.133" y2="25.669" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><linearGradient id="inqS43c" x1="16.752" x2="7.349" y1="16.53" y2="27.125" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient></defs></g></svg>كيفية استخدام أيقونة Red Heart
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:red-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:red-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:red-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--red-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:red-heart"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:red-heart"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/red-heart.svg" alt="أيقونة Red Heart" width="24" height="24">أيقونات ذات صلة في Fluent Emoji
أيقونة Red Heart في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Red Heart
هل أيقونة Red Heart مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Red Heart في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji:red-heart" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Red Heart إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji/red-heart.svg" alt="أيقونة Red Heart">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.