AI UI Designer Logo
AI UI Designer

ไอคอน Tailscale

โครงสร้างพื้นฐาน#242424

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

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

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

Use Tailscale in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#242424

หมวดหมู่

โครงสร้างพื้นฐาน

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

ไม่ทราบข้อมูล

ไฟล์ SVG

ไม่ทราบข้อมูล · 0 เส้นทาง (paths)

สัญญาอนุญาต

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

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

icons.aboutParagraph1

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

แท็ก:vpnnetworkingmesh

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

Design a UI with the Tailscale icon

Generate a complete page that already uses this icon, color, and brand context.

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