أيقونة Cloud Arrow Up
fa6-solid:cloud-arrow-up
أيقونة Cloud Arrow Up (fa6-solid:cloud-arrow-up) أيقونة SVG مجانية من مجموعة Font Awesome 6 Solid من تصميم Dave Gandy. مرسومة على شبكة 640 × 512. تُنشر Font Awesome 6 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Font Awesome 6 Solid
- المؤلف
- Dave Gandy
- الترخيص
- CC-BY-4.0
- الحجم
- 640 × 512
- الوسوم
- cloudarrow، arrowup، cloudarrowup
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2A95.5 95.5 0 0 1 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128zm79-217c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l39-39L296 392c0 13.3 10.7 24 24 24s24-10.7 24-24V257.9l39 39c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0z"/></svg>
كيفية استخدام أيقونة Cloud Arrow Up
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-solid:cloud-arrow-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-solid:cloud-arrow-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-solid:cloud-arrow-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--cloud-arrow-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:cloud-arrow-up"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-solid:cloud-arrow-up"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fa6-solid/cloud-arrow-up.svg" alt="أيقونة Cloud Arrow Up" width="24" height="24">
أيقونات ذات صلة في Font Awesome 6 Solid
أيقونة Cloud Arrow Up في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cloud Arrow Up
هل أيقونة Cloud Arrow Up مجانية للاستخدام التجاري؟
نعم. تُنشر Font Awesome 6 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Cloud Arrow Up في React؟
ثبّت @iconify/react واعرض <Icon icon="fa6-solid:cloud-arrow-up" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cloud Arrow Up إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fa6-solid/cloud-arrow-up.svg" alt="أيقونة Cloud Arrow Up">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Font Awesome 6 Solid →
ICONYZ
