2016-08-02 3 views
9

nvpm으로 만든 svg-icons 폴더의 material-ui 아이콘을 사용하고 싶습니다. 그러나 각 js 파일의 각 아이콘 구현은 액션이나 에디터 등의 가져 오기와 다른 가져 오기를 사용합니다. 각 아이콘을 가져 오는 방법을 찾으려면 js 파일을 살펴보십시오. 나는 그 :) 사전에 감사합니다, 많은 도움이 될 특별히 저를 각 아이콘의 수입을 붙여 복사 할 수있는 문서 또는 사이트를 원하는svg-icons 폴더에 material-ui 아이콘을 사용하는 방법에 대한 목록이 있습니까?

내가 구글 디자인에서 **navigate next** 아이콘을 찾고

에서 그것을 발견

import ImageNavigateNext from 'material-ui/svg-icons/image/navigate-next';

답변

20

전 V1

당신은의 종류와 이름을 찾아 볼 수 있습니다. 내가 가져올 것 행동 카테고리의 일부인 계정 잔액 아이콘을 원하는 경우 예를 들어

import MyIconName from 'material-ui/svg-icons/<category>/<name>'; 

:

모든 SvgIcon는 매핑됩니다.

import BalanceIcon from 'material-ui/svg-icons/action/account-balance'; 

공백은 점선으로 표시됩니다. 원하는 목록은 위의 링크에 있습니다.

아이콘이 자신의 패키지 material-ui-icons에있는 재료 UI의 새 버전 V1

. 이제 이름을 찾아보고 PascalCase 정확한 이름을 찾아보십시오. 카테고리는 더 이상 적합하지 않습니다. 그래서 :

import BalanceIcon from 'material-ui/svg-icons/action/account-balance'; 

가된다 : 도움이 TNX이었다

import BalanceIcon from 'material-ui-icons/AccountBalance'; 
+0

, 난 매일 새로운 뭔가를 배울 : D – 6by3

+0

이 와요 고마워요 도움 !!!! –