AI UI Designer Logo
AI UI Designer

ไอคอน Grab

แบรนด์#00B14F

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

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

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

Use Grab in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#00B14F

หมวดหมู่

แบรนด์

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

ไม่ทราบข้อมูล · 1 เส้นทาง (path)

สัญญาอนุญาต

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

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

icons.aboutParagraph1

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

แท็ก:ride-hailingdeliverysoutheast-asia

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

Design a UI with the Grab icon

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

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