Laden Sie kostenlose Materialdesign-Icons herunter und verwenden Sie sie
Googles Material Design hat mit wunderschön kontrastierenden Farben und interaktiven Animationen eine drastische Veränderung in ihre Dienste gebracht. Mit der Abwechslung kamen Symbole, die so gestaltet waren, dass sie zum Rest des Ökosystems passten. Google hat alle Symbole kostenlos auf seinen Websites zur Verfügung gestellt, hier erklären wir Ihnen, wie Sie sie herunterladen und verwenden können.
Laden Sie kostenlose Materialdesign-Icons herunter
Um die Symbole zum Thema Material herunterzuladen, gehen Sie zu Googles Repository. Scrollen Sie nach unten und Sie werden unzählige Symbole entdecken, die Sie verwenden können. Sie können entweder über die Symbolleiste suchen oder die gewünschte auswählen, indem Sie tatsächlich scrollen, was offensichtlich viel Zeit in Anspruch nimmt. Sobald Sie dies getan haben, erscheint unten eine horizontale Leiste mit dem Namen des Symbols und einigen Optionen, die Sie anpassen können.
Tipp: Wenn Sie alle Materialsymbole herunterladen müssen, gehen Sie zu diesem Link.
Sie können die Größe angeben, ob Sie ein schwarzes oder weißes Symbol möchten, und schließlich können Sie sie entweder im SVG- oder im PNG-Format herunterladen. Leider sind nur zwei Farbvarianten verfügbar. Sie können jedoch den SVG-Editor verwenden, um ein SVG-Symbol anzupassen und die Schattierungen für dasselbe zu ändern.
Ändern Sie die Farbe der mit Material entworfenen Symbole mit dem SVG-Editor
Um die Farbe des Symbols im SVG-Editor zu ändern, klicken Sie unten auf das Eimersymbol und wählen Sie die gewünschte Farbe aus. Tippen Sie auf das Symbolbild, nachdem Sie es aus dem SVG-Bearbeitungs-Dropdown in der oberen linken Ecke importiert haben. Wenn Sie fertig sind, exportieren Sie es aus demselben Dropdown-Menü, das wir zuvor gesehen haben. Wenn Sie Symbole lokal bearbeiten müssen, können Sie SVG über diesen Link herunterladen .
Google hat auf seiner Github-Seite eine ausführliche Anleitung zur Verwendung dieser Symbole veröffentlicht. Es enthält auch Lizenzdetails, iOS/Android-Code-Snippets für den Einstieg und einige Methoden zum Implementieren von Materialsymbolen auf Ihrer Website mit Beispielen.
Das war alles. Lassen Sie uns im Kommentarbereich unten wissen, ob wir etwas verpasst haben.