أيقونة Heart With Ribbon
fluent-emoji-flat:heart-with-ribbon
أيقونة Heart With Ribbon (fluent-emoji-flat:heart-with-ribbon) أيقونة SVG مجانية من مجموعة Fluent Emoji Flat من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji Flat icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji Flat
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
- الفئة
- الوجوه التعبيرية والمشاعر
- الوسوم
- heartwith، withribbon، heartwithribbon
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#f92f60" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="#ffb02e" d="m4.656 25.038l.88-.352a.5.5 0 0 1 .65.278l.366.915a.5.5 0 0 0 .923.011l1.623-3.786L8 20.994V19l-1.226 1.886l-2.057 1.936l-.702 1.544a.5.5 0 0 0 .641.672m10.688 0l-.88-.352a.5.5 0 0 0-.65.278l-.366.915a.5.5 0 0 1-.924.011l-1.627-3.797l.482-1.703L12 19l.917 1.873l2.375 1.968l.694 1.525a.5.5 0 0 1-.641.672"/><path fill="#ff822d" d="M4.688 22.885L6 20l2-1l2 1l-.923 2.154zm6.235-.731L10 20l2-1l2 1l1.311 2.885z"/><path fill="#ff6723" d="M4.027 21.75C5.803 21.75 7.58 20 7.58 20s-1.777-1.75-3.553-1.75c-.982 0-1.777.784-1.777 1.75s.795 1.75 1.777 1.75m11.946 0c-1.776 0-3.553-1.75-3.553-1.75s1.777-1.75 3.553-1.75c.982 0 1.777.784 1.777 1.75s-.795 1.75-1.777 1.75"/><path fill="#ffb02e" d="M29.029 15H18v5h8.938c.54-.866 1.01-1.773 1.387-2.714A9.3 9.3 0 0 0 29.029 15m-21.101.179c.04-.098.059-.202.078-.306l.012-.064A1 1 0 0 1 9 14h2a1 1 0 0 1 .994.873c.019.104.038.208.078.306L13 17.5l-.928 2.321c-.04.098-.059.202-.078.306l-.012.065A1 1 0 0 1 11 21H9a1 1 0 0 1-.982-.808l-.012-.065a1.6 1.6 0 0 0-.078-.306L7 17.5z"/><path fill="#fcd53f" d="M4 13c2 0 4 2 4 2v5s-.136.136-.371.336C6.959 20.906 5.479 22 4 22a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2m3.252 7a9 9 0 0 0-.78-.584C5.749 18.933 4.85 18.5 4 18.5a1.5 1.5 0 0 0 0 3c.85 0 1.748-.433 2.473-.916c.311-.208.578-.416.779-.584M16 13c-2 0-4 2-4 2v5s.136.136.371.336c.67.57 2.15 1.664 3.629 1.664a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2m-3.252 7c.201-.168.468-.376.78-.584c.724-.483 1.622-.916 2.472-.916a1.5 1.5 0 0 1 0 3c-.85 0-1.748-.433-2.473-.916a9 9 0 0 1-.779-.584"/></g></svg>
كيفية استخدام أيقونة Heart With Ribbon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:heart-with-ribbon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:heart-with-ribbon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:heart-with-ribbon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--heart-with-ribbon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:heart-with-ribbon"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:heart-with-ribbon"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/heart-with-ribbon.svg" alt="أيقونة Heart With Ribbon" width="24" height="24">
أيقونات ذات صلة في Fluent Emoji Flat
أيقونة Heart With Ribbon في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Heart With Ribbon
هل أيقونة Heart With Ribbon مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji Flat icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Heart With Ribbon في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-flat:heart-with-ribbon" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Heart With Ribbon إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/heart-with-ribbon.svg" alt="أيقونة Heart With Ribbon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent Emoji Flat →
ICONYZ
