أيقونة Arrow Solid Bracket Start
glyphs-poly:arrow-solid-bracket-start
أيقونة Arrow Solid Bracket Start (glyphs-poly:arrow-solid-bracket-start) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Glyphs Poly
- المؤلف
- Goran Spasojevic
- الترخيص
- MIT
- الحجم
- 80 × 80
- الوسوم
- arrowsolid، solidbracket، bracketstart، arrowsolidbracketstart
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="#56ccf2" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M16 50v14a4 4 0 0 0 4 4h40a4 4 0 0 0 4-4V50"/><path fill="#56ccf2" fill-rule="evenodd" d="M48 36h8.401c3.14 0 4.681-3.822 2.422-6L43.8 15.514a5.25 5.25 0 0 0-7.289 0L21.49 30c-2.26 2.178-.717 6 2.421 6H32v18a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2z" clip-rule="evenodd"/><path fill="#56ccf2" d="M48 36v-1a1 1 0 0 0-1 1zm10.823-6l.694-.72zM43.8 15.514l.694-.72zm-7.289 0l-.694-.72zM21.49 30l-.694-.72zM32 36h1a1 1 0 0 0-1-1zm0 12h1zm24.401-13H48v2h8.401zm1.728-4.28C59.74 32.274 58.64 35 56.4 35v2c4.039 0 6.023-4.917 3.116-7.72zM43.106 16.234L58.13 30.72l1.388-1.44l-15.022-14.486zm-5.9 0a4.25 4.25 0 0 1 5.9 0l1.389-1.44a6.25 6.25 0 0 0-8.677 0zM22.184 30.72l15.022-14.486l-1.388-1.44L20.796 29.28zM23.91 35c-2.239 0-3.339-2.726-1.727-4.28l-1.389-1.44C17.887 32.083 19.872 37 23.91 37zM32 35h-8.089v2H32zm1 13V36h-2v12zm0 6v-6h-2v6zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm12 0H34v2h12zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm0-6v6h2v-6zm0-12v12h2V36z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M56.401 36h-32.49c-3.139 0-4.68-3.821-2.421-6l15.022-14.486a5.25 5.25 0 0 1 7.288 0L58.823 30c2.26 2.179.717 6-2.422 6"/></g></svg>
كيفية استخدام أيقونة Arrow Solid Bracket Start
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:arrow-solid-bracket-start" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:arrow-solid-bracket-start" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:arrow-solid-bracket-start" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--arrow-solid-bracket-start]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:arrow-solid-bracket-start"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:arrow-solid-bracket-start"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/arrow-solid-bracket-start.svg" alt="أيقونة Arrow Solid Bracket Start" width="24" height="24">
أيقونات ذات صلة في Glyphs Poly
أيقونة Arrow Solid Bracket Start في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Arrow Solid Bracket Start
هل أيقونة Arrow Solid Bracket Start مجانية للاستخدام التجاري؟
نعم. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Arrow Solid Bracket Start في React؟
ثبّت @iconify/react واعرض <Icon icon="glyphs-poly:arrow-solid-bracket-start" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Arrow Solid Bracket Start إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs-poly/arrow-solid-bracket-start.svg" alt="أيقونة Arrow Solid Bracket Start">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Glyphs Poly →
