ICONYZ
العربية
أيقونة Raindrops Fill من Meteocons

أيقونة Raindrops Fill

meteocons:raindrops-fill

أيقونة Raindrops Fill (meteocons:raindrops-fill) أيقونة SVG مجانية من مجموعة Meteocons من تصميم Bas Milius. مرسومة على شبكة 512 × 512. تُنشر Meteocons icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Meteocons
المؤلف
Bas Milius
الترخيص
MIT
الحجم
512 × 512
الوسوم
raindropsfill، raindrop
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="SVG6PL1kbuH" x1="14.8" x2="124.2" y1="42.3" y2="231.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3392d6"/><stop offset=".5" stop-color="#3392d6"/><stop offset="1" stop-color="#2477b2"/></linearGradient><symbol id="SVG2MEzfcuY" viewBox="0 0 164 245.6"><path fill="url(#SVG6PL1kbuH)" stroke="#2885c7" stroke-miterlimit="10" stroke-width="4" d="M82 3.6c-48.7 72-80 117-80 160.7s35.8 79.3 80 79.3s80-35.5 80-79.3S130.7 75.5 82 3.6Z"/></symbol></defs><use width="164" height="245.6" href="#SVG2MEzfcuY" transform="translate(128 133.43)"><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="scale" values="1 1; 1 .9; 1 1"/></use><use width="164" height="245.6" href="#SVG2MEzfcuY" transform="translate(220 133.43)"><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="scale" values="1 .9; 1 1; 1 .9"/></use></svg>

كيفية استخدام أيقونة Raindrops Fill

React

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

<Icon icon="meteocons:raindrops-fill" width="24" />

Vue

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

<template>
  <Icon icon="meteocons:raindrops-fill" width="24" />
</template>

Svelte

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

<Icon icon="meteocons:raindrops-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--raindrops-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:raindrops-fill"></div>

مكوّن ويب

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

<iconify-icon icon="meteocons:raindrops-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/meteocons/raindrops-fill.svg" alt="أيقونة Raindrops Fill" width="24" height="24">

أيقونات ذات صلة في Meteocons

أيقونة raindrops
raindrops

الأسئلة الشائعة حول أيقونة Raindrops Fill

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

نعم. تُنشر Meteocons icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Raindrops Fill في React؟

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

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

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

تصفح كل أيقونات Meteocons →