أيقونة Arrow Big Right
keyline-icons:arrow-big-right
أيقونة Arrow Big Right (keyline-icons:arrow-big-right) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- arrowbig، bigright، arrowbigright
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.7071 12.7071L14.7071 19.7071C14.4211 19.9931 13.991 20.0787 13.6173 19.9239C13.2436 19.7691 13 19.4045 13 19L13 17C13 16.4477 12.5523 16 12 16L3 16C2.4477 16 2 15.5523 2 15L2 9C2 8.4477 2.4477 8 3 8L12 8C12.5523 8 13 7.5523 13 7L13 5C13 4.5955 13.2436 4.2309 13.6173 4.0761C13.991 3.9213 14.4211 4.0069 14.7071 4.2929L21.7071 11.2929C22.0976 11.6834 22.0976 12.3166 21.7071 12.7071Z"/></svg>كيفية استخدام أيقونة Arrow Big Right
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:arrow-big-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:arrow-big-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:arrow-big-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--arrow-big-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:arrow-big-right"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:arrow-big-right"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/arrow-big-right.svg" alt="أيقونة Arrow Big Right" width="24" height="24">أيقونات ذات صلة في Keyline Icons
arrow-big-down
arrow-big-down-duotone
arrow-big-down-fill
arrow-big-down-sharp
arrow-big-down-sharp-duotone
arrow-big-down-sharp-fill
arrow-big-down-sharp-two-tone
arrow-big-down-short
arrow-big-down-short-duotone
arrow-big-down-short-fill
arrow-big-down-short-sharp
arrow-big-down-short-sharp-duotone
arrow-big-down-short-sharp-fill
arrow-big-down-short-sharp-two-tone
arrow-big-down-short-two-tone
arrow-big-down-two-tone
arrow-big-left
arrow-big-left-duotone
arrow-big-left-fill
arrow-big-left-sharp
arrow-big-left-sharp-duotone
arrow-big-left-sharp-fill
arrow-big-left-sharp-two-tone
arrow-big-left-short
أيقونة Arrow Big Right في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Arrow Big Right
هل أيقونة Arrow Big Right مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Arrow Big Right في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:arrow-big-right" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Arrow Big Right إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/arrow-big-right.svg" alt="أيقونة Arrow Big Right">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.