ICONYZ
العربية
أيقونة Rain من WebHostingHub Glyphs

أيقونة Rain

whh:rain

أيقونة Rain (whh:rain) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1025. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
WebHostingHub Glyphs
المؤلف
WebHostingHub
الترخيص
OFL-1.1
الحجم
1024 × 1025
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M832 768H192q-84-9-138-73T0 544q0-57 27-106t73-80q34 69 96.5 116.5T336 537q-66-38-105-104t-39-145q0-119 84.5-203.5T480 0q88 0 159.5 48T744 174q-68 22-118 74t-70 121q35-52 91-82.5T768 256q106 0 181 75t75 181q0 88-55 160.5T832 768m-659 64h122l-62 160q-12 23-34.5 30t-42.5-6.5t-26-39t6-49.5zm256 0h122l-62 160q-12 23-34.5 30t-42.5-6.5t-26-39t6-49.5zm256 0h122l-63 160q-11 23-33.5 30t-42.5-6.5t-26-39t5-49.5z"/></svg>

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

React

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

<Icon icon="whh:rain" width="24" />

Vue

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

<template>
  <Icon icon="whh:rain" width="24" />
</template>

Svelte

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

<Icon icon="whh:rain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--rain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:rain"></div>

مكوّن ويب

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

<iconify-icon icon="whh:rain"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/whh/rain.svg" alt="أيقونة Rain" width="24" height="24">

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

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

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

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

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

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

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

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

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