ไอคอน Rider
ไฟล์ PNG โปร่งใสคุณภาพสูงของ Rider สำหรับเว็บและงานพิมพ์
โค้ดเวกเตอร์ SVG ของ Rider ที่ปรับแต่งมาเพื่อนักพัฒนา
React icon component ของ Rider ที่พร้อมใช้งานทันที
Use Rider in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
วิธีใช้งานไอคอน Rider
คัดลอกไอคอน Rider ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask
Inline SVG
วาง SVG ของ Rider ลงใน HTML หรือ JSX ได้โดยตรง
React Component
ใช้งาน Rider ในรูปแบบ typed React icon component
import React from 'react';
export const RiderIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
ใช้งาน URL ไอคอน Rider ที่โฮสต์ไว้พร้อมการระบุที่มา
CSS Mask
ใช้งาน Rider เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้
.rider-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/rider.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/rider.svg") center / contain no-repeat;
}รายละเอียดไอคอน Rider
สีประจำแบรนด์
หมวดหมู่
เครื่องมือ
รูปแบบ
SVG, PNG, React, HTML, CSS mask
SVG viewBox
ไม่ทราบข้อมูล
ไฟล์ SVG
ไม่ทราบข้อมูล · 0 เส้นทาง (paths)
สัญญาอนุญาต
ตรวจสอบคำแนะนำการใช้แบรนด์
เกี่ยวกับไอคอน Rider
icons.aboutParagraph1
โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Rider ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด
คำถามที่พบบ่อยเกี่ยวกับไอคอน Rider
Design a UI with the Rider icon
Generate a complete page that already uses this icon, color, and brand context.