ICONYZ
العربية
أيقونة Bank Card One من IconPark

أيقونة Bank Card One

icon-park:bank-card-one

أيقونة Bank Card One (icon-park:bank-card-one) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
المال
الوسوم
bankcard، cardone، bankcardone
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M14 13V9C14 7.89543 14.8954 7 16 7H42C43.1046 7 44 7.89543 44 9V27C44 28.1046 43.1046 29 42 29H40"/><rect width="30" height="22" x="4" y="19" fill="#2F88FF" stroke="#000" rx="2"/><path stroke="#fff" d="M4 28L34 28"/><path stroke="#000" d="M34 23L34 35"/><path stroke="#000" d="M4 23L4 35"/><path stroke="#fff" d="M11 34L19 34"/><path stroke="#fff" d="M25 34L27 34"/></g></svg>

كيفية استخدام أيقونة Bank Card One

React

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

<Icon icon="icon-park:bank-card-one" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:bank-card-one" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:bank-card-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bank-card-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bank-card-one"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:bank-card-one"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/bank-card-one.svg" alt="أيقونة Bank Card One" width="24" height="24">

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

أيقونة Bank Card One في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Bank Card One

هل أيقونة Bank Card One مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Bank Card One في React؟

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

كيف أضيف أيقونة Bank Card One إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/bank-card-one.svg" alt="أيقونة Bank Card One">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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