أيقونة Payment Arrow Down

material-symbols:payment-arrow-down

أيقونة Payment Arrow Down (material-symbols:payment-arrow-down) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Symbols
المؤلف: Google
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: الأعمال
الوسوم: paymentarrow، arrowdown، paymentarrowdown

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11q1.25 0 2.125-.875T15 8t-.875-2.125T12 5t-2.125.875T9 8t.875 2.125T12 11m-7 3q-.825 0-1.412-.587T3 12V4q0-.825.588-1.412T5 2h14q.825 0 1.413.588T21 4v8q0 .825-.587 1.413T19 14zm7 8l4-4l-1.4-1.4l-1.6 1.6V15h-2v3.2l-1.6-1.6L8 18zM5 10v2h2q0-.825-.587-1.412T5 10m12 2h2v-2q-.825 0-1.412.588T17 12m2-6V4h-2q0 .825.588 1.413T19 6M7 4H5v2q.825 0 1.413-.587T7 4"/></svg>

كيفية استخدام أيقونة Payment Arrow Down

React

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

<Icon icon="material-symbols:payment-arrow-down" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:payment-arrow-down" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:payment-arrow-down" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--payment-arrow-down]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:payment-arrow-down"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:payment-arrow-down"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/payment-arrow-down.svg" alt="أيقونة Payment Arrow Down" width="24" height="24">

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

أيقونة Payment Arrow Down في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Payment Arrow Down

هل أيقونة Payment Arrow Down مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Payment Arrow Down في React؟

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

كيف أضيف أيقونة Payment Arrow Down إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/payment-arrow-down.svg" alt="أيقونة Payment Arrow Down">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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