أيقونة Cloud Success Filled

ix:cloud-success-filled

أيقونة Cloud Success Filled (ix:cloud-success-filled) أيقونة SVG مجانية من مجموعة Siemens Industrial Experience Icons من تصميم Siemens AG. مرسومة على شبكة 512 × 512. تُنشر Siemens Industrial Experience Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Siemens Industrial Experience Icons
المؤلف: Siemens AG
الترخيص: MIT
الحجم: 512 × 512
الوسوم: cloudsuccess، successfilled، cloudsuccessfilled

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M222.866 64c-64.189 0-116.65 50.347-120.062 113.707c-35.187 14.293-60.137 48.64-60.137 88.96c0 53.12 42.864 96 95.964 96h117.847C261.867 302.864 312.128 256 373.333 256c33.468 0 63.662 14.012 85.038 36.489c20.431-44.491 12.303-98.774-24.384-135.476c-23.458-23.466-54.167-35.2-85.088-35.2c-7.464 0-14.715.64-21.966 1.92C306.035 87.893 267.436 64 223.079 64zm150.467 213.333c-53.019 0-96 42.981-96 96c0 53.02 42.981 96 96 96c53.02 0 96-42.98 96-96c0-53.019-42.98-96-96-96m62.763 62.763l-84.095 84.095l-41.428-41.429l18.856-18.856l22.572 22.572l65.239-65.238z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="ix:cloud-success-filled" width="24" />

Vue

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

<template>
  <Icon icon="ix:cloud-success-filled" width="24" />
</template>

Svelte

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

<Icon icon="ix:cloud-success-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--cloud-success-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:cloud-success-filled"></div>

مكوّن ويب

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

<iconify-icon icon="ix:cloud-success-filled"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Siemens Industrial Experience Icons

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

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

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

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

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

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

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

تصفح كل Siemens Industrial Experience Icons →