AI UI Designer Logo
AI UI Designer

ไอคอน Excalidraw

การออกแบบ#6965DB

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

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

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#6965DB

หมวดหมู่

การออกแบบ

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

5.1 KB · 1 เส้นทาง (path)

สัญญาอนุญาต

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

ที่มา

excalidraw.com

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

icons.aboutParagraph1

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

แท็ก:drawingwhiteboardsketching

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

ลองใช้ AI Icon Generator

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

ลองใช้ AI Icon Generator

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