أيقونة Water Melon

streamline-plump-color:water-melon

أيقونة Water Melon (streamline-plump-color:water-melon) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Plump color icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 48 × 48
الفئة: الطعام والشراب
الوسوم: watermelon

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M37.793 37.794c-9.002 9.003-23.245 9.57-32.908 1.703c-1.137-.926-1.246-2.565-.316-3.699c2.141-2.61 6.701-7.856 15.037-16.192C27.94 11.271 33.187 6.712 35.797 4.57c1.134-.93 2.773-.821 3.7.316c7.866 9.663 7.299 23.906-1.704 32.908"/><path fill="#8fbffa" d="M33.046 6.904c-2.968 2.591-7.39 6.652-13.44 12.702S9.496 30.078 6.904 33.046A18.45 18.45 0 0 0 20.5 39C30.717 39 39 30.717 39 20.5a18.45 18.45 0 0 0-5.954-13.596"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M37.794 37.794c-9.002 9.003-23.245 9.57-32.909 1.703c-1.137-.926-1.246-2.565-.316-3.699c2.142-2.61 6.702-7.856 15.037-16.192S33.188 6.712 35.798 4.57c1.133-.93 2.773-.821 3.699.316c7.867 9.663 7.3 23.906-1.703 32.908"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M33.047 6.904A18.45 18.45 0 0 1 39 20.5C39 30.717 30.717 39 20.5 39a18.45 18.45 0 0 1-13.595-5.954M29 28l1 1m.467-11.307l.933.934M18.07 30.09l.934.933"/></g></svg>

كيفية استخدام أيقونة Water Melon

React

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

<Icon icon="streamline-plump-color:water-melon" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:water-melon" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:water-melon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--water-melon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:water-melon"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-plump-color:water-melon"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/water-melon.svg" alt="أيقونة Water Melon" width="24" height="24">

أيقونات ذات صلة في Plump color icons

أيقونة Water Melon في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Water Melon

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

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Water Melon في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/water-melon.svg" alt="أيقونة Water Melon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →