Material-UIのあるSVGアイコン：どこを見つけるか、スタイルを設定する方法は？

Question

http://www.material-ui.com/#/components/app-barには、それらがサポートしている可能性のあるものの中には、「iconElementLeft ... element ...」というものがあります.SvgIconのようなアプリケーションバーの左側に表示されるカスタム要素です。

私が今持っているものは、メニューバーの残りのもののようにスタイルされていません...私が見つけたsvgアイコンを指していますし、img属性を使ってそれを適合させようとしています。マテリアルUIスタイルはネイティブなものを好きですか？また

export default (props)=>{ 
return (
    <AppBar 
     title={<span style={styles.title}><Link to="/" className="logoLink">GIGG.TV</Link></span>} 
     className="header" 
     iconElementLeft={<img src='../../public/img/rocket.svg' height='40' width='40' alt='' />} 
     // showMenuIconButton={false} 
     iconElementRight={ 
      <IconMenu 
       iconButtonElement={ 
       <IconButton><MoreVertIcon /></IconButton> 
       } 
       targetOrigin={{horizontal: 'right', vertical: 'top'}} 
       anchorOrigin={{horizontal: 'right', vertical: 'top'}} 
      > 
       <MenuItem 
       linkButton={true} 
       primaryText="Home" 
       containerElement={<Link to="/" className="logoLink">GIGG.tv</Link>} /> 

       <MenuItem primaryText="Sign in" containerElement={ <SignInModal/>} /> 
       <MenuItem 
       linkButton={true} 
       primaryText="Login as Artist" 
       containerElement={<Link to="/artistSignIn" >Sign in/Up </Link>} /> 
      </IconMenu> 
      }/> 
    ) 
} 

、どのように私は、彼らが働くかもしれないネイティブな何かを持っているかどうかを確認するために素材-UI NPMパッケージ内のすべてのアイコンに目を通すことができますか？

Answer 1

二つの方法...

1. インラインSvgIcon componentでSvgIcon

   を使用して、SVG、必要なSVG資産を含めることができます。

2. 既存の素材資産をインポートする 変数にインポートして使用するだけです。

   インポートFileCloudDownload from 'material-ui/lib/svg-icons/file/cloud-download';

   ...

   iconElementLeft = {} FileCloudDownload

また、上記のリンクでスタイリング例が表示されます。