ICONYZ
العربية
أيقونة Cloud من Fluent Emoji

أيقونة Cloud

fluent-emoji:cloud

أيقونة Cloud (fluent-emoji:cloud) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent Emoji
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
32 × 32
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iWdIwne)" d="M12.26 17.644a4.04 4.04 0 1 0 0-8.08a4.04 4.04 0 0 0 0 8.08"/><path fill="url(#iBpZDia)" d="M12.26 17.644a4.04 4.04 0 1 0 0-8.08a4.04 4.04 0 0 0 0 8.08"/><g filter="url(#in761Je)"><path fill="#D5D4DA" d="M27.29 9.56c-3.557-3.467-9.248-3.407-12.715.15a9 9 0 0 0-2.02 3.208a.268.268 0 0 1-.399.129a6 6 0 0 0-.988-.532A6.47 6.47 0 0 0 2 18.397a6.48 6.48 0 0 0 1.413 4.038A6.5 6.5 0 0 0 8.593 25h12.715a8.39 8.39 0 0 0 6.844-3.527c2.725-3.567 2.435-8.697-.862-11.914"/><path fill="url(#i3D0DOd)" d="M27.29 9.56c-3.557-3.467-9.248-3.407-12.715.15a9 9 0 0 0-2.02 3.208a.268.268 0 0 1-.399.129a6 6 0 0 0-.988-.532A6.47 6.47 0 0 0 2 18.397a6.48 6.48 0 0 0 1.413 4.038A6.5 6.5 0 0 0 8.593 25h12.715a8.39 8.39 0 0 0 6.844-3.527c2.725-3.567 2.435-8.697-.862-11.914"/></g><path fill="url(#iZiUR4b)" d="M27.29 9.56c-3.557-3.467-9.248-3.407-12.715.15a9 9 0 0 0-2.02 3.208a.268.268 0 0 1-.399.129a6 6 0 0 0-.988-.532A6.47 6.47 0 0 0 2 18.397a6.48 6.48 0 0 0 1.413 4.038A6.5 6.5 0 0 0 8.593 25h12.715a8.39 8.39 0 0 0 6.844-3.527c2.725-3.567 2.435-8.697-.862-11.914"/><path fill="url(#ioKUpCc)" d="M27.29 9.56c-3.557-3.467-9.248-3.407-12.715.15a9 9 0 0 0-2.02 3.208a.268.268 0 0 1-.399.129a6 6 0 0 0-.988-.532A6.47 6.47 0 0 0 2 18.397a6.48 6.48 0 0 0 1.413 4.038A6.5 6.5 0 0 0 8.593 25h12.715a8.39 8.39 0 0 0 6.844-3.527c2.725-3.567 2.435-8.697-.862-11.914"/><path fill="url(#ikIIXOc)" d="M27.29 9.56c-3.557-3.467-9.248-3.407-12.715.15a9 9 0 0 0-2.02 3.208a.268.268 0 0 1-.399.129a6 6 0 0 0-.988-.532A6.47 6.47 0 0 0 2 18.397a6.48 6.48 0 0 0 1.413 4.038A6.5 6.5 0 0 0 8.593 25h12.715a8.39 8.39 0 0 0 6.844-3.527c2.725-3.567 2.435-8.697-.862-11.914"/><path fill="url(#iOXtFhc)" d="M27.29 9.56c-3.557-3.467-9.248-3.407-12.715.15a9 9 0 0 0-2.02 3.208a.268.268 0 0 1-.399.129a6 6 0 0 0-.988-.532A6.47 6.47 0 0 0 2 18.397a6.48 6.48 0 0 0 1.413 4.038A6.5 6.5 0 0 0 8.593 25h12.715a8.39 8.39 0 0 0 6.844-3.527c2.725-3.567 2.435-8.697-.862-11.914"/><defs><radialGradient id="iWdIwne" cx="0" cy="0" r="1" gradientTransform="rotate(-172.463 7.257 5.601)scale(5.54446)" gradientUnits="userSpaceOnUse"><stop offset=".309" stop-color="#E8E8E9"/><stop offset="1" stop-color="#D2D2D2"/></radialGradient><radialGradient id="iBpZDia" cx="0" cy="0" r="1" gradientTransform="matrix(-2.34711 -1.8843 1.72645 -2.1505 12.692 13.262)" gradientUnits="userSpaceOnUse"><stop stop-color="#CDCDCE"/><stop offset="1" stop-color="#CDCDCE" stop-opacity="0"/></radialGradient><radialGradient id="iZiUR4b" cx="0" cy="0" r="1" gradientTransform="rotate(136.5 10.583 11.787)scale(11.1541 11.965)" gradientUnits="userSpaceOnUse"><stop offset=".179" stop-color="#FCFBFE"/><stop offset="1" stop-color="#FCFBFE" stop-opacity="0"/></radialGradient><radialGradient id="ioKUpCc" cx="0" cy="0" r="1" gradientTransform="rotate(144.444 1.551 10.052)scale(6.84295 7.17037)" gradientUnits="userSpaceOnUse"><stop stop-color="#FCFBFE"/><stop offset="1" stop-color="#FCFBFE" stop-opacity="0"/></radialGradient><radialGradient id="ikIIXOc" cx="0" cy="0" r="1" gradientTransform="matrix(-23.2134 5.5071 -4.33701 -18.28129 25.213 15.466)" gradientUnits="userSpaceOnUse"><stop offset=".815" stop-color="#CECCD7" stop-opacity="0"/><stop offset="1" stop-color="#CECCD7"/></radialGradient><radialGradient id="iOXtFhc" cx="0" cy="0" r="1" gradientTransform="matrix(4.42537 -4.7109 6.50116 6.10713 5.644 26.019)" gradientUnits="userSpaceOnUse"><stop stop-color="#D0C9EE"/><stop offset="1" stop-color="#D0C9EE" stop-opacity="0"/></radialGradient><linearGradient id="i3D0DOd" x1="18.86" x2="18.86" y1="24.032" y2="16.519" gradientUnits="userSpaceOnUse"><stop stop-color="#DED7FA"/><stop offset="1" stop-color="#DED7FA" stop-opacity="0"/></linearGradient><filter id="in761Je" width="28" height="19" x="2" y="6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.815686 0 0 0 0 0.784314 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_14985"/></filter></defs></g></svg>

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

React

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

<Icon icon="fluent-emoji:cloud" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:cloud" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:cloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--cloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:cloud"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-emoji:cloud"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/cloud.svg" alt="أيقونة Cloud" width="24" height="24">

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

أيقونة cloud-with-lightning
cloud-with-lightning
 أيقونة cloud-with-lightning-and-rain
cloud-with-lightning-and-rain
 أيقونة cloud-with-rain
cloud-with-rain
 أيقونة cloud-with-snow
cloud-with-snow

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

أيقونة Cloud من Lucide
Lucide
 أيقونة Cloud من Tabler Icons
Tabler Icons
 أيقونة Cloud من Font Awesome 6 Solid
Font Awesome 6 Solid
 أيقونة Cloud من Material Symbols
Material Symbols
 أيقونة Cloud من Phosphor
Phosphor
 أيقونة Cloud من Bootstrap Icons
Bootstrap Icons
 أيقونة Cloud من Carbon
Carbon
 أيقونة Cloud من @icons
@icons
 أيقونة Cloud من Akar Icons
Akar Icons
 أيقونة Cloud من Arcticons
Arcticons
 أيقونة Cloud من BoxIcons v2
BoxIcons v2
 أيقونة Cloud من BoxIcons v2 Solid
BoxIcons v2 Solid

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

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

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

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

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

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

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

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