Nuxt 아이콘
웹 및 인쇄용 고화질 Nuxt 투명 PNG 파일입니다.
개발자를 위해 최적화된 Nuxt SVG 벡터 코드입니다.
즉시 사용 가능한 Nuxt React 아이콘 컴포넌트입니다.
Use Nuxt in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Nuxt 아이콘 사용 방법
Nuxt 아이콘을 인라인 SVG, React 코드, HTML 임베드 또는 CSS 마스크 형식으로 복사하여 사용하세요.
인라인 SVG
Nuxt SVG 코드를 HTML 또는 JSX에 직접 붙여넣으세요.
React 컴포넌트
Nuxt을 타입이 지정된 React 아이콘 컴포넌트로 사용하세요.
import React from 'react';
export const NuxtIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML 임베드
출처 표기가 포함된 호스팅된 Nuxt 아이콘 URL을 사용하세요.
CSS 마스크
Nuxt을 색상 변경이 가능한 CSS 마스크 아이콘으로 사용하세요.
.nuxt-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #00dc82;
mask: url("https://www.aiuidesigner.com/icons/nuxt.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/nuxt.svg") center / contain no-repeat;
}Nuxt 아이콘 상세 정보
Nuxt 아이콘 소개
Nuxt 아이콘을 SVG 형식의 브랜드 아이콘 에셋으로 제공합니다. 이 아이콘은 개발 카테고리로 분류되며, 브랜드 색상 #00DC82를 사용합니다. 투명 PNG로 다운로드하거나, 인라인 SVG 및 React 컴포넌트를 복사하고, HTML로 임베드하여 사용할 수 있습니다.
상업적 프로젝트, 문서, UI 목업 또는 마케팅 페이지에서 Nuxt 로고를 사용하기 전에, 이 페이지의 출처 및 브랜드 가이드라인 링크를 통해 현재의 상표 사용 규칙을 확인하시기 바랍니다.
Nuxt 아이콘 관련 자주 묻는 질문
Design a UI with the Nuxt icon
Generate a complete page that already uses this icon, color, and brand context.