AI UI Designer Logo
AI UI Designer

ไอคอน Barclays

การชำระเงิน#00AEEF

ไฟล์ PNG โปร่งใสคุณภาพสูงของ Barclays สำหรับเว็บและงานพิมพ์

โค้ดเวกเตอร์ SVG ของ Barclays ที่ปรับแต่งมาเพื่อนักพัฒนา

React icon component ของ Barclays ที่พร้อมใช้งานทันที

Use Barclays in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

วิธีใช้งานไอคอน Barclays

คัดลอกไอคอน Barclays ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask

Inline SVG

วาง SVG ของ Barclays ลงใน HTML หรือ JSX ได้โดยตรง

React Component

ใช้งาน Barclays ในรูปแบบ typed React icon component

import React from 'react';

export const BarclaysIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

ใช้งาน URL ไอคอน Barclays ที่โฮสต์ไว้พร้อมการระบุที่มา

CSS Mask

ใช้งาน Barclays เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้

.barclays-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #00aeef;
  mask: url("https://www.aiuidesigner.com/icons/barclays.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/barclays.svg") center / contain no-repeat;
}

รายละเอียดไอคอน Barclays

สีประจำแบรนด์

#00AEEF

หมวดหมู่

การชำระเงิน

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

2.3 KB · 1 เส้นทาง (path)

สัญญาอนุญาต

ตรวจสอบคำแนะนำการใช้แบรนด์

ที่มา

home.barclays

เกี่ยวกับไอคอน Barclays

icons.aboutParagraph1

โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Barclays ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด

แท็ก:paymentbankingbarclays

คำถามที่พบบ่อยเกี่ยวกับไอคอน Barclays

Design a UI with the Barclays icon

Generate a complete page that already uses this icon, color, and brand context.

Barclays ไอคอนที่เกี่ยวข้อง