أيقونة Arrow Up Circle
simple-line-icons:arrow-up-circle
أيقونة Arrow Up Circle (simple-line-icons:arrow-up-circle) أيقونة SVG مجانية من مجموعة Simple line icons من تصميم Sabbir Ahmed. مرسومة على شبكة 1024 × 1024. تُنشر Simple line icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Simple line icons
- المؤلف
- Sabbir Ahmed
- الترخيص
- MIT
- الحجم
- 1024 × 1024
- الوسوم
- arrowup، upcircle، arrowupcircle
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 512C1024 229.216 794.768 0 512 0C229.216 0 0 229.216 0 512c0 282.768 229.216 512 512 512c282.768 0 512-229.232 512-512m-960.992 0C63.008 264.976 264.976 64 512 64s448 200.976 448 448s-200.976 448-448 448S63.008 759.024 63.008 512m481.328 224.32V375.856l115.76 115.76c12.496 12.496 32.752 12.496 45.248 0s12.496-32.752 0-45.248l-194-189.008l-194 189.008c-6.256 6.256-9.376 14.432-9.376 22.624s3.12 16.368 9.376 22.624c12.496 12.496 32.752 12.496 45.248 0l117.744-117.76V736.32c0 17.68 14.336 32 32 32s32-14.32 32-32"/></svg>
كيفية استخدام أيقونة Arrow Up Circle
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:arrow-up-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:arrow-up-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:arrow-up-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--arrow-up-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:arrow-up-circle"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:arrow-up-circle"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/arrow-up-circle.svg" alt="أيقونة Arrow Up Circle" width="24" height="24">
أيقونات ذات صلة في Simple line icons
أيقونة Arrow Up Circle في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Arrow Up Circle
هل أيقونة Arrow Up Circle مجانية للاستخدام التجاري؟
نعم. تُنشر Simple line icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Arrow Up Circle في React؟
ثبّت @iconify/react واعرض <Icon icon="simple-line-icons:arrow-up-circle" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Arrow Up Circle إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/simple-line-icons/arrow-up-circle.svg" alt="أيقونة Arrow Up Circle">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Simple line icons →
ICONYZ
