AI UI Designer Logo
AI UI Designer

ไอคอน Vue.js

การพัฒนา#4FC08D

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

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

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

Use Vue.js in a generated UI

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

วิธีใช้งานไอคอน Vue.js

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

Inline SVG

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

React Component

ใช้งาน Vue.js ในรูปแบบ typed React icon component

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

รายละเอียดไอคอน Vue.js

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

#4FC08D

หมวดหมู่

การพัฒนา

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

CC-BY-NC-SA-4.0

ที่มา

github.com

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

github.com

เกี่ยวกับไอคอน Vue.js

icons.aboutParagraph1

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

แท็ก:javascriptframeworkfrontend

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

Design a UI with the Vue.js icon

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

Vue.js ไอคอนที่เกี่ยวข้อง