أيقونة Arrowshape Turn Up Left 2
f7:arrowshape-turn-up-left-2
أيقونة Arrowshape Turn Up Left 2 (f7:arrowshape-turn-up-left-2) أيقونة SVG مجانية من مجموعة Framework7 Icons من تصميم Vladimir Kharlampidi. مرسومة على شبكة 56 × 56. تُنشر Framework7 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Framework7 Icons
- المؤلف
- Vladimir Kharlampidi
- الترخيص
- MIT
- الحجم
- 56 × 56
- الوسوم
- arrowshapeturn، turnup، upleft، arrowshapeturnupleft
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M20.582 48.392c1.41 0 2.462-1.052 2.462-2.462v-3.893l5.282 4.988c1.052.904 1.852 1.367 2.883 1.367c1.431 0 2.462-1.052 2.462-2.462v-8.039h.61c8.145 0 13.3 2.063 16.984 8.944c.715 1.347 1.683 1.557 2.588 1.557c1.116 0 2.147-1.01 2.147-2.82C56 30.02 49.413 20.32 34.282 20.32h-.61v-7.955c0-1.41-1.032-2.589-2.505-2.589c-1.031 0-1.662.527-2.84 1.516l-5.283 4.924v-3.851c0-1.41-1.052-2.589-2.504-2.589c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.295 27.602 0 28.38 0 29.095c0 .695.274 1.495 1.073 2.252l16.604 15.679c1.053.904 1.852 1.367 2.905 1.367m-1.579-4.714L4.02 29.494c-.19-.168-.232-.273-.232-.4c0-.126.063-.252.232-.4l14.983-14.373a.52.52 0 0 1 .358-.168c.168 0 .295.126.295.294v4.946L11.7 26.822c-.779.778-1.074 1.557-1.074 2.273c0 .694.295 1.473 1.074 2.251l7.955 7.492v4.714c0 .19-.127.316-.295.316c-.126 0-.231-.063-.358-.19m10.986.19c-.127 0-.232-.063-.358-.19L14.647 29.494c-.168-.168-.231-.273-.231-.4c0-.126.063-.252.231-.4l14.984-14.373c.105-.084.21-.168.358-.168c.168 0 .294.126.294.294v8.355c0 .484.21.695.695.695h2.84c14.438 0 18.772 10.017 19.194 19.95c0 .147-.064.231-.148.231s-.126-.063-.21-.21c-2.4-5.324-8.86-8.755-18.835-8.755h-2.841c-.484 0-.695.21-.695.695v8.144c0 .19-.105.316-.294.316"/></svg>
كيفية استخدام أيقونة Arrowshape Turn Up Left 2
React
import { Icon } from "@iconify/react";
<Icon icon="f7:arrowshape-turn-up-left-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:arrowshape-turn-up-left-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:arrowshape-turn-up-left-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--arrowshape-turn-up-left-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:arrowshape-turn-up-left-2"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:arrowshape-turn-up-left-2"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/f7/arrowshape-turn-up-left-2.svg" alt="أيقونة Arrowshape Turn Up Left 2" width="24" height="24">
أيقونات ذات صلة في Framework7 Icons
الأسئلة الشائعة حول أيقونة Arrowshape Turn Up Left 2
هل أيقونة Arrowshape Turn Up Left 2 مجانية للاستخدام التجاري؟
نعم. تُنشر Framework7 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Arrowshape Turn Up Left 2 في React؟
ثبّت @iconify/react واعرض <Icon icon="f7:arrowshape-turn-up-left-2" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Arrowshape Turn Up Left 2 إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/f7/arrowshape-turn-up-left-2.svg" alt="أيقونة Arrowshape Turn Up Left 2">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Framework7 Icons →
ICONYZ
