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