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