MDUI문서
AI 채팅
llms.txt 링크 복사llms-full.txt 링크 복사이 페이지를 Markdown 형식으로 보기
프리셋 색상
사용자 지정 색상
배경화면에서 색상 추출
배경화면을 선택해 주세요
개발 가이드
AI 보조 개발
스타일
프레임워크와 통합
컴포넌트
함수
독립 패키지
@mdui/icons 아이콘 라이브러리

@mdui/icons아이콘 라이브러리

@mdui/icons는 독립적인 패키지로, 모든 Material Icons 아이콘을 포함하며 각 아이콘은 개별 파일입니다.

전체 아이콘 라이브러리를 가져오지 않고 필요한 아이콘만 가져올 수 있습니다. 따라서 @mdui/icons를 사용하면 <mdui-icon> 컴포넌트를 사용하는 것보다 프로젝트 번들 크기를 크게 줄일 수 있습니다.

설치

이 패키지를 별도로 설치해야 합니다:

npm install @mdui/icons --save

사용

설치가 완료되면 필요한 아이콘 파일을 가져옵니다:

import '@mdui/icons/search.js';

그런 다음 해당 아이콘 컴포넌트를 사용합니다:

<mdui-icon-search></mdui-icon-search>
FilledOutlinedRoundedSharpTwo tone
import '@mdui/icons/.js';
<mdui-icon-></mdui-icon->
이 페이지의 목차
AI 채팅