FES Icons – Icon-Erstellung

Aufbau der Icon-Datei

Für die Erstellung neuer Icons dient die Downloaddatei als Grundlage. Die Zeichenflächen sowie die Grids zur Erstellung neuer Icons sind in der Datei bereits vorhanden.

Zeichenfläche: icon_"name"_default_blue (32x32 px)
Zeichenfläche: icon_"name"_default_white (32x32 px)
Zeichenfläche: icon_"name"_inverted (16x16 px)
Zeichenfläche: icon_"name"_pin (32x32 px)


Zusätzlich beinhaltet die Datei fünf beispielhafte Icons. Entfernen Sie diese bitte vor dem Export der Datei.

Standardmäßig reicht die Erstellung von Icons in der Größe von 32x32 px in Blau und Weiß aus. Das Mini-Icon wird nur in Ausnahmefällen benötigt und für die Abbildung in einem Pin.
Weitere Informationen finden Sie hier.

Download Beispieldatei

Checkliste für den Export

  • Überprüfen Sie, ob Linienstärke und Aussehen den Vorgaben entsprechen
     
  • Verwenden Sie Flächen anstatt Konturen
     
  • Legen Sie das Icons als zusammengesetzter Pfad an – Verwenden Sie hierfür in Illustrator den Befehl "Datei/Zusammengesetzter Pfad/Erstellen"
     
  • Blenden Sie die Ebene mit dem Grid für den Datei-Export aus
     
  • Benennen Sie Ihre Datei korrekt nach der vorgegebenen Schreibweise. Ersetzen Sie "name" durch die englische Bezeichnung. Verwenden Sie dabei keine Leerzeichen oder Sonderzeichen im Dateinamen.
    icon_"name"_default_blue.svg
    icon_"name"_default_white.svg
    icon_"name"_inverted.svg
    icon_"name"_pin.svg
     
  • Exportieren Sie das Icon als SVG in der jeweilgen Größe von 16x16 px oder 32x32 px – Verwenden Sie aus Illustrator zum Export der Datei den Befehl: "Datei/Exportieren/Für Bildschirme exportieren"
     
  • Achten Sie darauf, dass das erstellte Icon auf der Zeichenfläche, wenn möglich, ganzen Pixeln entspricht. Zum Beispiel: Zeichenfläche = 32x32 px, Icon = 28x28 px