أيقونة Rose
fluent-emoji-high-contrast:rose
أيقونة Rose (fluent-emoji-high-contrast:rose) أيقونة SVG مجانية من مجموعة Fluent Emoji High Contrast من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji High Contrast
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
- الفئة
- الحيوانات والطبيعة
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M20.72 3.514V2.54c0-.28-.22-.5-.5-.5h-.87c-1.57 0-2.91.94-3.52 2.28A3.82 3.82 0 0 0 12.31 2h-.86c-.29 0-.52.23-.52.51v.99h-.812c-1.535 0-2.385 1.581-1.78 2.864C8.702 7.134 9 8.004 9 9c0 .852-.199 1.45-.447 2.178l-.008.024C8.295 11.938 8 12.803 8 14c0 1.366.272 2.953 1.566 4.167c1.13 1.059 2.88 1.683 5.434 1.81v4.983l-1.35.67c-.27.13-.27.52 0 .65l1.35.67V30h3.867c3.276 0 5.963-2.545 6.133-5.68a.297.297 0 0 0-.3-.32l-3.506.01A5.27 5.27 0 0 0 17 26.169V22l1.34-.65c.27-.13.27-.52 0-.65L17 20.03v-.054c2.555-.126 4.305-.75 5.434-1.809C23.728 16.953 24 15.367 24 14c0-1.496-.326-2.39-.602-3.145C23.168 10.227 23 9.757 23 9c0-1.04.389-1.943.813-2.798c.655-1.318-.324-2.702-1.7-2.702c-.464 0-.93-.025-1.393.014M10.147 5.51l-.004-.01c.404 0 .808-.024 1.209.036a5.2 5.2 0 0 1 1.047.275c.84.316 1.906.949 2.769 2.244L16 9.303l.832-1.248c.863-1.295 1.928-1.928 2.77-2.244c.442-.166.927-.298 1.404-.311h.924C21.503 6.377 21 7.568 21 9c0 1.121.273 1.868.513 2.524l.006.017v.002c.25.683.481 1.314.481 2.457c0 1.134-.229 2.047-.934 2.708C20.337 17.392 18.894 18 16 18s-4.337-.608-5.066-1.292C10.229 16.047 10 15.134 10 14c0-.852.199-1.45.447-2.178l.008-.024c.25-.736.545-1.601.545-2.798c0-1.406-.424-2.58-.853-3.49"/></svg>
كيفية استخدام أيقونة Rose
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:rose" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:rose" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:rose" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--rose]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:rose"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:rose"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rose.svg" alt="أيقونة Rose" width="24" height="24">
أيقونات ذات صلة في Fluent Emoji High Contrast
أيقونة Rose في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Rose
هل أيقونة Rose مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Rose في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-high-contrast:rose" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Rose إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rose.svg" alt="أيقونة Rose">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent Emoji High Contrast →
ICONYZ
