أيقونة Back Ten
grommet-icons:back-ten
أيقونة Back Ten (grommet-icons:back-ten) أيقونة SVG مجانية من مجموعة Grommet Icons من تصميم Grommet. مرسومة على شبكة 24 × 24. تُنشر Grommet Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Grommet Icons
- المؤلف
- Grommet
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الوسوم
- backten
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M3.111 7.556C4.67 4.267 8.07 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m0-8v4h4m3 8V9l-2 .533M17 12c0-2-1-3.5-2.5-3.5S12 10 12 12s1 3.5 2.5 3.5S17 14 17 12Zm-2.5-3.5C16.925 8.5 17 11 17 12s0 3.5-2.5 3.5S12 13 12 12s.059-3.5 2.5-3.5Z"/></svg>كيفية استخدام أيقونة Back Ten
React
import { Icon } from "@iconify/react";
<Icon icon="grommet-icons:back-ten" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="grommet-icons:back-ten" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="grommet-icons:back-ten" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--back-ten]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:back-ten"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="grommet-icons:back-ten"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/grommet-icons/back-ten.svg" alt="أيقونة Back Ten" width="24" height="24">الأسئلة الشائعة حول أيقونة Back Ten
هل أيقونة Back Ten مجانية للاستخدام التجاري؟
نعم. تُنشر Grommet Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Back Ten في React؟
ثبّت @iconify/react واعرض <Icon icon="grommet-icons:back-ten" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Back Ten إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/grommet-icons/back-ten.svg" alt="أيقونة Back Ten">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.