أيقونة Arrow Line End Bold

glyphs:arrow-line-end-bold

أيقونة Arrow Line End Bold (glyphs:arrow-line-end-bold) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: arrowline، lineend، endbold، arrowlineendbold

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" d="M43 23.241a3 3 0 1 0-6 0zm-6 14.738a3 3 0 1 0 6 0zM43 38a3 3 0 1 0-6 0zm-6 23a3 3 0 0 0 6 0zm0-37.759v14.738h6V23.24zm0 14.76v23h6V38z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M56 38L42.121 24.121a3 3 0 0 0-4.242 0L24 38"/><path stroke="currentColor" stroke-linecap="round" stroke-width="6" d="M24 15h32"/></g></svg>

كيفية استخدام أيقونة Arrow Line End Bold

React

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

<Icon icon="glyphs:arrow-line-end-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:arrow-line-end-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:arrow-line-end-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--arrow-line-end-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:arrow-line-end-bold"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:arrow-line-end-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/arrow-line-end-bold.svg" alt="أيقونة Arrow Line End Bold" width="24" height="24">

أيقونات ذات صلة في Glyphs

الأسئلة الشائعة حول أيقونة Arrow Line End Bold

هل أيقونة Arrow Line End Bold مجانية للاستخدام التجاري؟

نعم. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Arrow Line End Bold في React؟

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

كيف أضيف أيقونة Arrow Line End Bold إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/arrow-line-end-bold.svg" alt="أيقونة Arrow Line End Bold">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Glyphs →