AI UI Designer Logo
AI UI Designer

ไอคอน Flutter

การพัฒนา#02569B

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

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

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

วิธีใช้งานไอคอน 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

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

#02569B

หมวดหมู่

การพัฒนา

รูปแบบ

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 หรือหน้าการตลาด

แท็ก:mobileuidart

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

ลองใช้ AI Icon Generator

ต้องการไอคอนที่ไม่เหมือนใครใช่ไหม? ใช้ SVG Generator ที่ขับเคลื่อนด้วย AI ของเราเพื่อสร้างไอคอนระดับมืออาชีพที่คุณกำหนดเองได้ในไม่กี่วินาที

ลองใช้ AI Icon Generator

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