أيقونة Swimming Pool Fill

ph:swimming-pool-fill

أيقونة Swimming Pool Fill (ph:swimming-pool-fill) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Phosphor
المؤلف: Phosphor Icons
الترخيص: MIT
الحجم: 256 × 256
الوسوم: swim، sports، exercise، olympics، aquatics، swimmingpool، poolfill، swimmingpoolfill

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M24 168a8 8 0 0 1 8-8c14.42 0 22.19 5.18 28.44 9.34C66 173.06 70.42 176 80 176s14-2.94 19.56-6.66c6.24-4.16 14-9.34 28.43-9.34s22.2 5.18 28.44 9.34c5.58 3.72 10 6.66 19.57 6.66s14-2.94 19.56-6.66c6.25-4.16 14-9.34 28.44-9.34a8 8 0 0 1 0 16c-9.58 0-14 2.94-19.56 6.66c-6.25 4.16-14 9.34-28.44 9.34s-22.2-5.18-28.44-9.34C142 178.94 137.57 176 128 176s-14 2.94-19.56 6.66c-6.24 4.16-14 9.34-28.43 9.34s-22.19-5.18-28.44-9.34C46 178.94 41.58 176 32 176a8 8 0 0 1-8-8m200 32c-14.42 0-22.19 5.18-28.44 9.34C190 213.06 185.58 216 176 216s-14-2.94-19.57-6.66c-6.24-4.16-14-9.34-28.44-9.34s-22.19 5.18-28.43 9.34C94 213.06 89.57 216 80 216s-14-2.94-19.56-6.66C54.19 205.18 46.42 200 32 200a8 8 0 0 0 0 16c9.58 0 14 2.94 19.56 6.66c6.25 4.16 14 9.34 28.44 9.34s22.19-5.18 28.43-9.34c5.58-3.72 10-6.66 19.56-6.66s14 2.94 19.57 6.66c6.24 4.16 14 9.34 28.44 9.34s22.19-5.18 28.44-9.34c5.57-3.72 10-6.66 19.56-6.66a8 8 0 0 0 0-16M80 141.39V32a8 8 0 0 1 16 0v8h64v-8a8 8 0 0 1 16 0v111.29a8 8 0 0 1-16 0V136H96v5.39a8 8 0 0 1-16 0M96 72a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16h-48a8 8 0 0 0-8 8m0 32a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16h-48a8 8 0 0 0-8 8"/></svg>

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

React

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

<Icon icon="ph:swimming-pool-fill" width="24" />

Vue

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

<template>
  <Icon icon="ph:swimming-pool-fill" width="24" />
</template>

Svelte

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

<Icon icon="ph:swimming-pool-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--swimming-pool-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:swimming-pool-fill"></div>

مكوّن ويب

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

<iconify-icon icon="ph:swimming-pool-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ph/swimming-pool-fill.svg" alt="أيقونة Swimming Pool Fill" width="24" height="24">

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

أيقونة Swimming Pool Fill في مجموعات أخرى

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

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

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

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

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

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

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

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