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