أيقونة Arrow Up To Line Bold Duotone

solar:arrow-up-to-line-bold-duotone

أيقونة Arrow Up To Line Bold Duotone (solar:arrow-up-to-line-bold-duotone) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: أسهم الإجراءات
الوسوم: arrowup، upto، toline، linebold، boldduotone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4 2.25C3.58579 2.25 3.25 2.58579 3.25 3C3.25 3.41421 3.58579 3.75 4 3.75L20 3.75C20.4142 3.75 20.75 3.41421 20.75 3C20.75 2.58579 20.4142 2.25 20 2.25L4 2.25Z"/><path d="M11.2499 21L11.2499 9.93164L8.55361 12.8809C8.27418 13.1865 7.79975 13.208 7.49404 12.9287C7.18841 12.6493 7.1669 12.1748 7.44619 11.8691L11.4462 7.49414C11.5883 7.33874 11.7893 7.25 11.9999 7.25C12.2105 7.25 12.4115 7.33874 12.5536 7.49414L16.5536 11.8691C16.8329 12.1749 16.8114 12.6493 16.5058 12.9287C16.2001 13.208 15.7256 13.1865 15.4462 12.8809L12.7499 9.93164L12.7499 21C12.7499 21.4142 12.4141 21.75 11.9999 21.75C11.5857 21.75 11.2499 21.4142 11.2499 21Z" opacity=".5"/></g></svg>

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

React

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

<Icon icon="solar:arrow-up-to-line-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:arrow-up-to-line-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:arrow-up-to-line-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--arrow-up-to-line-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:arrow-up-to-line-bold-duotone"></div>

مكوّن ويب

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

<iconify-icon icon="solar:arrow-up-to-line-bold-duotone"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/arrow-up-to-line-bold-duotone.svg" alt="أيقونة Arrow Up To Line Bold Duotone" width="24" height="24">

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

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

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

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

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