Existe t il une liste sur la façon d'utiliser le matériel-les icônes de l'interface utilisateur dans le svg-les icônes de dossier?

Je veux utiliser le matériel de l'interface utilisateur des icones dans le svg-les icônes de dossier que j'ai fait avec npm install, mais les implémentations de chaque icône sur chaque fichier js ont d'importation différents comme ceux qui sont dans l'action ou dans l'éditeur etc. J'ai dû regarder à travers le fichier js à trouver comment importer de chaque icône. Je veux une documentation ou le site qui précisément me permet de copier coller l'importation de chaque icône, ça aiderait beaucoup, merci d'avance 🙂

Je cherchais **navigate next** icône de google conception et l'a trouvé dans

JS:

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

InformationsquelleAutor 6by3 | 2016-08-02

material-ui svg

35

Pré v1

Vous pouvez simplement regarder la catégorie et le nom sur https://design.google.com/icons/.

Chaque SvgIcon correspondance:
```
import MyIconName from 'material-ui/svg-icons/<category>/<name>';
```
Par exemple si je veux le solde du compte icône qui fait partie de la action catégorie je voudrais importer.
```
import BalanceIcon from 'material-ui/svg-icons/action/account-balance';
```
Avis que les espaces deviennent des tirets. Si la liste que vous voulez, c'est sur le lien ci-dessus.

v1

Avec la nouvelle version de l'interface utilisateur, les icônes sont dans leur propre paquet matériel-ui-icônes. Maintenant, vous n'avez qu'à rechercher le nom et PascalCase pour trouver le bon nom. La catégorie n'est plus pertinente. Donc:
```
import BalanceIcon from 'material-ui/svg-icons/action/account-balance';
```
Devient:
```
import BalanceIcon from 'material-ui-icons/AccountBalance';
```
- qui a été utile tnx, j'apprends quelque chose de nouveau tous les jours 😀
- Cela m'a aidé.Merci!!!!
- Comment puis-je redimensionner avec cette méthode ? Je veux augmenter la taille de l'Icône
InformationsquelleAutor Jeroen Wienk

Vous pouvez rechercher les noms d'icônes dans votre projet sous-répertoire node_modules/@material-ui/icons.

ls node_modules/@material-ui/icons/*.js | grep -v 'Outlined' | grep -v 'Rounded' | grep -v 'Sharp' | grep -v 'TwoTone'

node_modules/@material-ui/icons/AccessAlarm.js
node_modules/@material-ui/icons/AccessAlarms.js
node_modules/@material-ui/icons/Accessibility.js
node_modules/@material-ui/icons/AccessibilityNew.js
node_modules/@material-ui/icons/AccessibleForward.js
node_modules/@material-ui/icons/Accessible.js
node_modules/@material-ui/icons/AccessTime.js
node_modules/@material-ui/icons/AccountBalance.js
node_modules/@material-ui/icons/AccountBalanceWallet.js
node_modules/@material-ui/icons/AccountBox.js
node_modules/@material-ui/icons/AccountCircle.js
node_modules/@material-ui/icons/AcUnit.js

Cela a été très utile pour moi, depuis le projet, je travaille sur est à l'aide d'une très ancienne version de l'interface utilisateur que je ne pouvais pas trouver de la documentation pour. Merci!

InformationsquelleAutor Alexander van Trijffel

1

Vous pouvez également vérifier celui-ci dehors:
https://www.materialui.co/icons

InformationsquelleAutor Marian Zburlea

matériel-ui @v1.0.0-beta.41 est obsolète et en matériel-ui @v1.0.0-beta.42 Il ne pas avoir svg-icônes du module (matières-ui/svg-icônes)
Donc, pour utiliser le module présent dans svg-icônes à maintenant, nous avons t installer le matériel-ui-icônes.

**J'ai fait face à cette erreur, et après la recherche a appris à connaître. **

Module not found:Can't resolve 'material-ui/MenuItem' 

Module not found: Can't resolve 'material-ui/svg-icons/file/file-download' 

Module not found: Can't resolve 'material-ui/svg-icons/content/content-copy'

Module not found: Can't resolve 'material-ui/svg-icons/toggle/star-border'

Module not found: Can't resolve 'material-ui/svg-icons/action/delete' 

Module not found: Can't resolve 'material-ui/svg-icons/image/remove-red-eye';

Exemple:

Après l'installation de matériel-ui @v1.0.0-beta.42 installer aussi
matériel-l'interface utilisateur-les icônes de lien:

https://www.npmjs.com/package/material-ui-icons

npm install --save material-ui-icons

Quelques modules qui ne sont pas présents dans le matériau d'interface utilisateur @v1.0.0-beta.42
et qui sont présents dans le matériel-ui-icons':

//import MenuItem from 'material-ui/MenuItem';//this was used in version material-ui @v1.0.0-beta.41
import { MenuItem } from 'material-ui/Menu';//Now in version material-ui @v1.0.0-beta.42, also need to install material-ui-icons

//import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
import RemoveRedEye from 'material-ui-icons/RemoveRedEye';

import PersonAdd from 'material-ui-icons/PersonAdd';

//import ContentCopy from 'material-ui/svg-icons/content/content-copy';
import ContentCopy from 'material-ui-icons/ContentCopy';

//import Download from 'material-ui/svg-icons/file/file-download';
import FileDownload from 'material-ui-icons/FileDownload';

//import Delete from 'material-ui/svg-icons/action/delete';
import Delete from 'material-ui-icons/Delete';

//import StarBorder from 'material-ui/svg-icons/toggle/star-border';
import StarBorder from 'material-ui-icons/StarBorder';

matériel-ui-icônes a été abandonné, veuillez utiliser @matériau-ui/des icônes à la place.
vous pouvez Utiliser @matériau-ui/des icônes au lieu de cela, ses obsolète pour une nouvelle installation, mais pour les anciens utilisateurs de son travail qui voulez coller avec cette version

InformationsquelleAutor Vinay Kumar

0

C'est la liste officielle des icônes https://material.io/tools/icons/?style=baseline

InformationsquelleAutor Nicolas

Vous devez vous connecter pour publier un commentaire.