Portal-Icons

Die Icons, die im Portal verwendet werden sind skalierbare Vektorgrafiken (SVG) und können somit auf unterschiedlichen Geräten in unterschiedlichen Auflösungen immer scharf darstellt werden.

Basis bilden die Material Symbols von Google, welche unter einer open-source Lizenz stehen. Die Icons finden sich hier: https://fonts.google.com/icons

Einstellungen

Damit die Icons alle zueinander passen, müssen folgende Einstellungen verwendet werden.

Einstellung	Wert
Fill	ja
Weight	400
Grade	0
Optical Size	48x
Style	Rounded

Der Download muss als SVG icon in der Größe 48 stattfinden. Nach dem Download muss noch ein Farbverlauf hinzugefügt werden. Start- und Stopp-Wert des Farbverlaufs beziehen sich dabei auf die ganze Seite - nicht auf den Inhalt bzw. das Icon. D.h. der Farbverlauf sollte bei ca. 0px starten und bei ca. 48px enden. Ein bisschen Toleranz ist aber OK und kann mit blosem Auge nicht erkannt werden.

Eigenschaft	Wert
Start-Wert (oben)	#3A54BE
Stopp-Wert (unten)	#0092F7
Winkel	90°

Zum Erstellen des Farbverlaufs kann die open-source Software Inkscape verwendet werden, wie in folgendem Screencast gezeigt.

Selbst erstellte Icons

Grundsätzlich können auch eigene Icons erstellt werden. Dabei können z.B. Teile aus den oben genannten Material Symbols kombiniert werden. Alternativ können komplett selbstgestaltete Symbole verwendet werden. Dabei ist darauf zu achten, dass sie vom der Anmutung her den Material Symbols entsprechen. Wichtig ist auch, dass keine bestehenden Produkt- oder Firmenlogos verwendet werden, um potentielle Markenrechtsverletzungen zu vermeiden.