AI UI Designer Logo
AI UI Designer

ไอคอน Neovim

เครื่องมือ#57A143

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

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

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

Use Neovim in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#57A143

หมวดหมู่

เครื่องมือ

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

CC-BY-SA-3.0

ที่มา

neovim.io

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

icons.aboutParagraph1

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

แท็ก:editorvimterminal

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

Design a UI with the Neovim icon

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

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