Icônes et symboles de matériaux

Google a développé un langage visuel qui "synthétise les principes classiques d'une bonne conception avec l'innovation et la possibilité de la technologie et de la science". C'est la conception de matériaux.

Cet ensemble d'icônes est une bibliothèque d'icônes basée sur SVG dans une variété de tailles et de styles, conçues pour compléter les spécifications de conception des matériaux de Google. Il est disponible aux formats PNG et SVG et est servi à partir de serveurs Google de police ou peut être hébergé à l'aide de l'API Google Web Font.

You can use these images in your website or app by importing the icon library and then adding the.material-icons CSS class to any i> or span>éléments sur votre page. Vous pouvez également modifier la taille et la couleur de vos icônes en les définissant via CSS.

The mat-icon>Le composant fournit un service injectable, MaticonRegistry, qui vous permet d'associer les icônes aux URL SVG et aux chaînes HTML. Le service vous permet également de définir des alias pour les classes de police CSS, ce qui facilite le chargement des polices d'icônes dans votre application.

Les icônes sont 24px par défaut, mais peuvent être redimensionnées pour s'adapter à n'importe quel élément sur votre site, en utilisant la propriété de taille d'icônes. Ils prennent également en charge les ligatures, qui vous permettent d'utiliser des icônes comme contenu textuel.

La police des symboles de matériau est la version variable de la police des icônes de matériau, consolidant plus de 2 000 glyphes dans un seul fichier avec une large gamme de variantes de conception ajustées par des axes variables. Il prend en charge trois styles (décrits, arrondis et nets) et quatre axes de police variables réglables (remplissage, poids, grade et taille optique). L'axe de remplissage est particulièrement utile lorsque vous souhaitez transmettre les transitions d'état dans vos conceptions.