ICONYZ
العربية
أيقونة Hot Water من Element Plus

أيقونة Hot Water

ep:hot-water

أيقونة Hot Water (ep:hot-water) أيقونة SVG مجانية من مجموعة Element Plus. مرسومة على شبكة 1024 × 1024. تُنشر Element Plus icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Element Plus
المؤلف
Element Plus
الترخيص
MIT
الحجم
1024 × 1024
الوسوم
hotwater
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M273 477.9h478v-68.3H273zm0 68.2v51.2a187.7 187.7 0 0 0 187.8 187.8h102.4a187.7 187.7 0 0 0 187.7-187.8v-51.2zm-34-204.8h546a34 34 0 0 1 34.2 34.2v221.8a256 256 0 0 1-256 256H460.8a256 256 0 0 1-256-256V375.5a34 34 0 0 1 34.1-34.2M512 34.1a34 34 0 0 1 34.1 34.2v170.6a34.1 34.1 0 0 1-68.2 0V68.3A34 34 0 0 1 512 34m-136.5 68.3a34 34 0 0 1 34.1 34.1V239a34.1 34.1 0 0 1-68.3 0V136.5a34 34 0 0 1 34.2-34.1m273 0a34 34 0 0 1 34.2 34.1V239a34.1 34.1 0 1 1-68.3 0V136.5a34 34 0 0 1 34.1-34.1M170.7 921.7h682.6a34.1 34.1 0 1 1 0 68.2H170.7a34.1 34.1 0 1 1 0-68.2"/></svg>

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

React

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

<Icon icon="ep:hot-water" width="24" />

Vue

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

<template>
  <Icon icon="ep:hot-water" width="24" />
</template>

Svelte

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

<Icon icon="ep:hot-water" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--hot-water]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:hot-water"></div>

مكوّن ويب

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

<iconify-icon icon="ep:hot-water"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ep/hot-water.svg" alt="أيقونة Hot Water" width="24" height="24">

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

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

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

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

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

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

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

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