أيقونة Arrow Branch
f7:arrow-branch
أيقونة Arrow Branch (f7:arrow-branch) أيقونة SVG مجانية من مجموعة Framework7 Icons من تصميم Vladimir Kharlampidi. مرسومة على شبكة 56 × 56. تُنشر Framework7 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Framework7 Icons
- المؤلف
- Vladimir Kharlampidi
- الترخيص
- MIT
- الحجم
- 56 × 56
- الوسوم
- arrowbranch
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="m11.875 18.438l2.156-2.813c5.672 3.633 11.907 11.79 11.907 17.414v13.453c0 1.617.726 2.485 2.062 2.485c1.313 0 2.04-.868 2.04-2.485V33.04c0-5.555 6.116-13.617 11.812-17.344l1.992 2.72c.984 1.358 2.18 1.054 2.672-.47l2.953-8.625c.422-1.265-.258-2.156-1.547-2.133l-9.14.141c-1.571.024-2.227 1.055-1.266 2.39l1.898 2.602c-5.508 3.867-10.687 10.758-11.39 14.297h-.07c-.704-3.562-5.86-10.43-11.368-14.297l1.828-2.39c1.031-1.313.398-2.367-1.172-2.438l-9.14-.398c-1.29-.07-1.993.797-1.618 2.086l2.72 8.695c.468 1.547 1.64 1.898 2.671.563"/></svg>كيفية استخدام أيقونة Arrow Branch
React
import { Icon } from "@iconify/react";
<Icon icon="f7:arrow-branch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:arrow-branch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:arrow-branch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--arrow-branch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:arrow-branch"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:arrow-branch"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/f7/arrow-branch.svg" alt="أيقونة Arrow Branch" width="24" height="24">أيقونات ذات صلة في Framework7 Icons
arrow-2-circlepath
arrow-2-circlepath-circle
arrow-2-circlepath-circle-fill
arrow-2-squarepath
arrow-3-trianglepath
arrow-clockwise
arrow-clockwise-circle
arrow-clockwise-circle-fill
arrow-counterclockwise
arrow-counterclockwise-circle
arrow-counterclockwise-circle-fill
arrow-down
arrow-down-circle
arrow-down-circle-fill
arrow-down-doc
arrow-down-doc-fill
arrow-down-left
arrow-down-left-circle
arrow-down-left-circle-fill
arrow-down-left-square
arrow-down-left-square-fill
arrow-down-right
arrow-down-right-arrow-up-left
arrow-down-right-circle
أيقونة Arrow Branch في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Arrow Branch
هل أيقونة Arrow Branch مجانية للاستخدام التجاري؟
نعم. تُنشر Framework7 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Arrow Branch في React؟
ثبّت @iconify/react واعرض <Icon icon="f7:arrow-branch" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Arrow Branch إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/f7/arrow-branch.svg" alt="أيقونة Arrow Branch">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.