# Icon
Ein Icon bezieht sich auf ein grafisches Symbol oder eine kleine Bildrepräsentation, die eine bestimmte Aktion, Funktion oder Information repräsentiert. Icons werden häufig in Online Shops und Webseiten verwendet, um Benutzern visuelle Hinweise zu geben und die Benutzererfahrung zu verbessern.
Icons dienen dazu, komplexe Informationen auf eine kompakte und visuell ansprechende Weise darzustellen. Sie können verschiedene Formen, Farben und Symbole haben und werden auch teilweise in Verbindung mit Text verwendet, um eine bestimmte Bedeutung zu vermitteln. Hier sind einige Beispiele für Icons in deinem Shopware Shop:
1. Aktionssymbole: Icons können verwendet werden, um bestimmte Aktionen darzustellen, wie z. B. ein Taschen-Symbol für "Warenkorb anzeigen", ein Herz-Symbol für "Zur Wunschliste hinzufügen" oder ein Lupen-Symbol für "Suche aufrufen". Diese Icons ermöglichen es Benutzern, schnell und intuitiv auf bestimmte Funktionen in deinem Shop zuzugreifen.
2. Social-Media-Verknüpfungen: Icons für soziale Medien wie Facebook, Instagram, Twitter oder YouTube werden häufig verwendet, um Benutzern die Möglichkeit zu geben, den Online-Shop in den sozialen Medien zu verfolgen oder Inhalte zu teilen.
3. Navigation: Icons können verwendet werden, um verschiedene Produktkategorien darzustellen, wie z. B. ein T-Shirt-Symbol für Kleidung, ein Schuh-Symbol für Schuhe oder ein Buch-Symbol für Bücher. Diese Icons helfen den Benutzern dabei, die gewünschten Produkte oder Kategorien auf einen Blick zu identifizieren. Wie du dies im Theme realisierst findest du unter dem Feature [Flyout Navigation](/enthaltene-erweiterungen/flyout-navigation.md).
4. Zahlungsmethoden: Icons werden oft verwendet, um verschiedene akzeptierte Zahlungsmethoden darzustellen, wie z. B. Visa, Mastercard, PayPal oder Apple Pay. Diese Icons vermitteln den Benutzern Vertrauen und zeigen, welche Zahlungsoptionen verfügbar sind.
{% hint style="info" %}
Icons spielen eine wichtige Rolle in der visuellen Kommunikation im E-Commerce. Sie verbessern die Benutzerfreundlichkeit, machen Informationen leicht verständlich und tragen zur Ästhetik und Markenidentität eines Online-Shops bei.
{% endhint %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.atloss.de/academy/fachbegriffe/icon.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.