AI UI Designer Logo
AI UI Designer

ไอคอน tldraw

การออกแบบ#FAFAFA

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

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

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#FAFAFA

หมวดหมู่

การออกแบบ

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

849 B · 1 เส้นทาง (path)

สัญญาอนุญาต

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

ที่มา

tldraw.dev

แนวทางปฏิบัติของแบรนด์

github.com

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

icons.aboutParagraph1

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

แท็ก:drawingwhiteboardcanvas

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

ลองใช้ AI Icon Generator

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

ลองใช้ AI Icon Generator

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