Kompatibilität:

WebSite X5 Evo und Pro

Icons können für das Design einer Seite sehr wichtig sein. Sie sind leicht und skalierbar, was immer einen Vorteil darstellt, sie unterstützen den Text perfekt und schließlich können sie einfach als anklickbare Schaltfläche angewendet werden. Darüber hinaus sind die Icons vom Objekt Vivid Icons in unterschiedlichen Farben verfügbar. Sie können für jedes Icon die perfekte Farbe auswählen, um es am Template anzupassen.  Finden Sie einige Beispiele auf der Vorschauseite und dann lassen Sie Ihrer Fantasie freien Lauf.



Möchten Sie entdecken, wie das Objekt Vivid Icons funktioniert? Schauen Sie sich das Video an oder lesen Sie einfach weiter!



Font Icon: was ist das und warum ist es wichtig

Es ist sehr einfach: Ein Icon Font ist ein Web-Font, der ein Icon anstatt eine normale Schriftart darstellt. Icon Fonts werden häufig auf Apps und Websites angewendet, denn sie sind:

  • leicht, sie sind klein;
  • vektoriell und skalierbar, ohne Qualitätsverlust;
  • kompatibel mit den meisten Browsers und Screenreader für blinde Benutzer;
  • mit CSS (Cascading Style Sheets) verwaltbar.


So fügen Sie ein Icon hinzu

  • Doppelklicken Sie auf dem Objekt Vivid Icons, um das Einstellungen-Fenster zu öffnen.
  • Wählen Sie das gewünschte Icon mit dem Menü Icon aus.
  • Definieren Sie mit den verfügbaren Optionen 2 oder 3 Farbe, je nachdem, welches Icon Sie ausgewählt haben.
  • Definieren Sie dann die Größe des Objekts in Pixel und den Rand, der Gesamtgröße des Objekts ist.
  • Definieren Sie die Hintergrundfarbe. Eventuell können Sie abgerundete Ecke einstellen, um einen schönen Effekt zu bekommen.
  • Aktivieren Sie einen Effekt beim Mouseover: Sie finden eine Liste von mögliche Effekte, die Sie auswählen können.
  • Das Icon können Sie als Schaltfläche anwenden, wenn Sie einen Link mit dem Befehl einstellen, indem Sie die gewünschte Aktion im Fenster Link auswählen.
  • Klicken Sie auf OK, wann Sie fertig sind.


Möchten Sie dieses Objekt auf Ihrer Website anwenden? Installieren Sie sofort Vivid Icons


Fehlen Ihnen noch Credits für den Kauf dieses Objekts? Alle Kreditpakete ansehen


#Tipp - Möchten Sie noch mehr Icons auf Ihrer Website anwenden? Probieren Sie das Objekt Font Awesome Icons, Objekt Icons8 Win10 Icons, Objekt Phosphor Icons und Objekt OpenMoji Icons aus.