أيقونة Cinnamon Roll
hugeicons:cinnamon-roll
أيقونة Cinnamon Roll (hugeicons:cinnamon-roll) أيقونة SVG مجانية من مجموعة Huge Icons من تصميم Hugeicons. مرسومة على شبكة 24 × 24. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Huge Icons
- المؤلف
- Hugeicons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- cinnamonroll
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 9c0 3.314-4.477 6-10 6S2 12.314 2 9s4.477-6 10-6s10 2.686 10 6Z"/><path stroke-linecap="round" d="M12 6.854c3-1.413 5 .863 5 1.928c0 3.17-10 3.005-10-.9C7 5.498 9 3 12 3"/><path d="M22 9v6c0 3.314-4.477 6-10 6S2 18.314 2 15V9"/></g></svg>كيفية استخدام أيقونة Cinnamon Roll
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:cinnamon-roll" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:cinnamon-roll" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:cinnamon-roll" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--cinnamon-roll]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:cinnamon-roll"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:cinnamon-roll"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/cinnamon-roll.svg" alt="أيقونة Cinnamon Roll" width="24" height="24">أيقونة Cinnamon Roll في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cinnamon Roll
هل أيقونة Cinnamon Roll مجانية للاستخدام التجاري؟
نعم. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Cinnamon Roll في React؟
ثبّت @iconify/react واعرض <Icon icon="hugeicons:cinnamon-roll" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cinnamon Roll إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/hugeicons/cinnamon-roll.svg" alt="أيقونة Cinnamon Roll">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.