أيقونة Arrow Right Left 26

garden:arrow-right-left-26

أيقونة Arrow Right Left 26 (garden:arrow-right-left-26) أيقونة SVG مجانية من مجموعة Garden SVG Icons من تصميم Zendesk. مرسومة على شبكة 26 × 26. تُنشر Garden SVG Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Garden SVG Icons
المؤلف: Zendesk
الترخيص: Apache-2.0
الحجم: 26 × 26
الوسوم: arrowright، rightleft، arrowrightleft

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M7.293 14.293c.602-.603 1.614-.22 1.701.593L9 15v3h13a1 1 0 0 1 .117 1.993L22 20H8.999L9 23c0 .852-.986 1.297-1.623.783l-.084-.076l-4-4a1 1 0 0 1-.083-1.32l.083-.094zM17 3c0-.852.986-1.297 1.623-.783l.084.076l4 4a1 1 0 0 1 .083 1.32l-.083.094l-4 4c-.602.603-1.614.22-1.701-.593L17 11V8H4a1 1 0 0 1-.117-1.993L4 6h13z"/></svg>

كيفية استخدام أيقونة Arrow Right Left 26

React

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

<Icon icon="garden:arrow-right-left-26" width="24" />

Vue

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

<template>
  <Icon icon="garden:arrow-right-left-26" width="24" />
</template>

Svelte

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

<Icon icon="garden:arrow-right-left-26" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[garden--arrow-right-left-26]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/garden -->
<div class="i-garden:arrow-right-left-26"></div>

مكوّن ويب

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

<iconify-icon icon="garden:arrow-right-left-26"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/garden/arrow-right-left-26.svg" alt="أيقونة Arrow Right Left 26" width="24" height="24">

أيقونات ذات صلة في Garden SVG Icons

الأسئلة الشائعة حول أيقونة Arrow Right Left 26

هل أيقونة Arrow Right Left 26 مجانية للاستخدام التجاري؟

نعم. تُنشر Garden SVG Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Arrow Right Left 26 في React؟

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

كيف أضيف أيقونة Arrow Right Left 26 إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/garden/arrow-right-left-26.svg" alt="أيقونة Arrow Right Left 26">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Garden SVG Icons →