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