أيقونة Favorite Outline

zmdi:favorite-outline

أيقونة Favorite Outline (zmdi:favorite-outline) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 432 × 392. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Design Iconic Font
المؤلف: MDI Community
الترخيص: OFL-1.1
الحجم: 432 × 392
الوسوم: favoriteoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="432" height="392" viewBox="0 0 432 392"><path fill="currentColor" d="M309 0q50 0 84 34t34 83q0 24-10 48.5T395 209t-40.5 49t-48 48.5T244 363l-31 28l-31-27q-42-39-62-57.5T71.5 258T31 209T9.5 165.5T0 117q0-49 34-83t83-34q58 0 96 45q38-45 96-45m-94 332q49-44 71.5-65.5T336 215t37.5-52.5T384 117q0-32-21.5-53T309 43q-24 0-45.5 14T233 93h-40q-8-22-29.5-36T117 43q-32 0-53 21t-21 53q0 23 10 45.5T90.5 215t50 51.5T211 332l2 2z"/></svg>

كيفية استخدام أيقونة Favorite Outline

React

import { Icon } from "@iconify/react";

<Icon icon="zmdi:favorite-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="zmdi:favorite-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="zmdi:favorite-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--favorite-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:favorite-outline"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="zmdi:favorite-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/zmdi/favorite-outline.svg" alt="أيقونة Favorite Outline" width="24" height="24">

أيقونات ذات صلة في Material Design Iconic Font

أيقونة Favorite Outline في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Favorite Outline

هل أيقونة Favorite Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Favorite Outline في React؟

ثبّت @iconify/react واعرض <Icon icon="zmdi:favorite-outline" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Favorite Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/favorite-outline.svg" alt="أيقونة Favorite Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Material Design Iconic Font →