shadcn/ui 아이콘
개발#000000
웹 및 인쇄용 고화질 shadcn/ui 투명 PNG 파일입니다.
개발자를 위해 최적화된 shadcn/ui SVG 벡터 코드입니다.
즉시 사용 가능한 shadcn/ui React 아이콘 컴포넌트입니다.
shadcn/ui 아이콘 사용 방법
shadcn/ui 아이콘을 인라인 SVG, React 코드, HTML 임베드 또는 CSS 마스크 형식으로 복사하여 사용하세요.
인라인 SVG
shadcn/ui SVG 코드를 HTML 또는 JSX에 직접 붙여넣으세요.
React 컴포넌트
shadcn/ui을 타입이 지정된 React 아이콘 컴포넌트로 사용하세요.
import React from 'react';
export const shadcnuiIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML 임베드
출처 표기가 포함된 호스팅된 shadcn/ui 아이콘 URL을 사용하세요.
CSS 마스크
shadcn/ui을 색상 변경이 가능한 CSS 마스크 아이콘으로 사용하세요.
.shadcnui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
}shadcn/ui 아이콘 상세 정보
브랜드 색상
#000000
카테고리
개발
지원 형식
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG 파일
415 B · 경로 1개
라이선스
브랜드 가이드라인 확인
shadcn/ui 아이콘 소개
icons.aboutParagraph1
상업적 프로젝트, 문서, UI 목업 또는 마케팅 페이지에서 shadcn/ui 로고를 사용하기 전에, 이 페이지의 출처 및 브랜드 가이드라인 링크를 통해 현재의 상표 사용 규칙을 확인하시기 바랍니다.
태그:uicomponentsreact