ICONYZ
العربية
أيقونة Clouds Sharp Fill من Keyline Icons

أيقونة Clouds Sharp Fill

keyline-icons:clouds-sharp-fill

أيقونة Clouds Sharp Fill (keyline-icons:clouds-sharp-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Keyline Icons
المؤلف
Keyline Icons
الترخيص
MIT
الحجم
24 × 24
الوسوم
cloudssharp، sharpfill، cloudssharpfill، cloud
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M17.8989 12L19.5 12C20.8807 12 22 10.8807 22 9.5C22 8.1193 20.8807 7 19.5 7C19.5 5.3431 18.1569 4 16.5 4C15.0285 4 13.7742 5.0673 13.5387 6.5198L13.3786 7.5069"/><path fill="currentColor" fill-rule="evenodd" d="M5 21C2.7909 21 1 19.2091 1 17C1 15.1481 2.2712 13.5383 4.0727 13.109C4.509 10.4509 6.8063 8.5 9.5 8.5C12.1937 8.5 14.491 10.4509 14.9273 13.109C16.7288 13.5383 18 15.1481 18 17C18 19.2091 16.2091 21 14 21L5 21Z" clip-rule="evenodd" stroke="none"/></g></svg>

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

React

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

<Icon icon="keyline-icons:clouds-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:clouds-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:clouds-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--clouds-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:clouds-sharp-fill"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:clouds-sharp-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/clouds-sharp-fill.svg" alt="أيقونة Clouds Sharp Fill" width="24" height="24">

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

أيقونة clouds
clouds
 أيقونة clouds-duotone
clouds-duotone
 أيقونة clouds-fill
clouds-fill
 أيقونة clouds-sharp
clouds-sharp
 أيقونة clouds-sharp-duotone
clouds-sharp-duotone
 أيقونة clouds-sharp-two-tone
clouds-sharp-two-tone
 أيقونة clouds-two-tone
clouds-two-tone

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

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

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

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

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

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

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

تصفح كل Keyline Icons →