أيقونة Flower
zmdi:flower
أيقونة Flower (zmdi:flower) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 416 × 480. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Iconic Font
- المؤلف
- MDI Community
- الترخيص
- OFL-1.1
- الحجم
- 416 × 480
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="416" height="480" viewBox="0 0 416 480"><path fill="currentColor" d="M350 249q30 17 47 47t17 63q-29 17-63 17.5T286 359q-9-5-17-11q2 10 2 20q0 35-17.5 64.5T207 479q-29-17-46.5-46.5T143 368q0-10 2-20q-9 7-17 11q-31 17-65 17T0 359q0-34 17-63.5T64 248q8-4 18-8q-10-4-18-9q-30-17-47-47T0 121q29-17 63-17.5t65 17.5q8 4 17 11q-2-10-2-20q0-35 17.5-64.5T207 1q29 17 46.5 46.5T271 112q0 10-2 20q9-7 17-11q31-18 65-17.5t63 17.5q0 33-17 63t-47 47q-8 5-18 9q10 4 18 9m-143 76q35 0 60-25t25-60t-25-60t-60-25t-60 25t-25 60t25 60t60 25"/></svg>
كيفية استخدام أيقونة Flower
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:flower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:flower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:flower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--flower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:flower"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:flower"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/zmdi/flower.svg" alt="أيقونة Flower" width="24" height="24">
أيقونات ذات صلة في Material Design Iconic Font
أيقونة Flower في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Flower
هل أيقونة Flower مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Flower في React؟
ثبّت @iconify/react واعرض <Icon icon="zmdi:flower" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Flower إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/flower.svg" alt="أيقونة Flower">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Design Iconic Font →
ICONYZ
