---
title: "Custom Icons für Cues verwenden"
slug: "use-custom-icons-for-cues"
updated: 2026-07-03T06:58:22Z
published: 2026-07-03T06:58:22Z
canonical: "support.whatfix.com/use-custom-icons-for-cues"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Icons für Cues verwenden

Whatfix ermöglicht es Ihnen, eigene Custom Icons für Cues hochzuladen und zu verwalten, damit Sie Ihren Inhalt mit dem Design Ihrer Anwendung und spezifischen Anwendungsfällen abstimmen können.

![cue_appearance_icon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cue_appearance_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)

> [!WARNING]
> Note:
> 
> Wenn Sie Ihre Custom Icon nicht in das Dashboard hochladen, zeigt Whatfix Cues ohne Symbol an.

### Voraussetzungen zur Verwendung Custom Icons

Sie müssen zuerst die Icons in die Icon Library hochladen. Für weitere Informationen zum Hochladen von Icons, sehen Sie [Anpassen von Icons in Whatfix-Inhalten und Widgets](/studio/docs/de/customize-icons-in-whatfix-contents-and-widgets).

> [!WARNING]
> Note:
> 
> - Für Icons wird nur das .SVG-Format unterstützt. Stellen Sie sicher, dass Ihre Symbole im SVG-Format vor dem Hochladen in die Icon Library vorliegen.
> - Die SVG-Auflösung sollte 48×48 Pixel nicht überschreiten und die Größe sollte weniger als 25 KB betragen.
> - Sie können bis zu 25 angepasste Icons in die Icon Library hochladen. Sobald das Upload-Limit erreicht ist, löschen Sie alle nicht verwendeten Symbole, um neue hinzuzufügen.
> - Um mehr über das SVG Verhalten und die besten Praktiken zu erfahren, sehen Sie[Beste Praktiken für die Icon Library](/studio/docs/de/svg-best-practices-for-icon-library).

---

#### Custom Icons für Cues verwenden:

> [!WARNING]
> Note:
> 
> Dies ist eine Dashboard-Konfiguration, die hier vorgenommenen Änderungen gelten für alle Cue Sammlungen.

Verwenden Sie die folgenden Schritte, um Custom Icons für Cues aus der Icon Library hinzuzufügen:

1. Klicken Sie im Abschnitt **Icon** auf **Icon hinzufügen**.

![cues_click_add_icon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_click_add_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)
2. Wählen Sie das Symbol aus der **Icon library** aus und klicken Sie dann auf **Hinzufügen**.

![cue_add_icon_from_icon_library.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cue_add_icon_from_icon_library.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)

> [!NOTE]
> Info:
> 
> - Bis zu fünf Custom Icons zum **Icon** Bereich hinzufügen.
> 
> ![cues_add_five_icons.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_add_five_icons.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)
> - Sobald das Limit erreicht ist, wird der **+ Icon hinzufügen** Button ausgegraut angezeigt.
> - Um neue Symbole hinzuzufügen, bewegen Sie den Mauscursor über das Symbol und klicken Sie dann auf **Symbol entfernen**.
> 
> ![cue_remove_icon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cue_remove_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)

1. Wählen Sie das Symbol aus, das Sie verwenden möchten.

![cues_select_icon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_select_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)
2. Nehmen Sie die folgenden Anpassungen vor:

> [!WARNING]
> Note:
> 
> Einige [Anpassungen gelten möglicherweise nicht für bestimmte SVG-Dateien](/studio/docs/de/why-are-the-svg-icons-getting-cropped) aufgrund ihrer Struktur oder anderer Faktoren. In diesem Fall versuchen Sie, eine andere SVG hochzuladen. Weitere Informationen finden Sie unter [Beste Praktiken für die Icon Library](/studio/docs/de/svg-best-practices-for-icon-library).
  - Wählen Sie die **Farbe** aus dem vorhandenen Farbwähler aus oder geben Sie den Hexadezimalcode der gewünschten Farbe ein.

![cues_select_icon_color.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_select_icon_color.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)
3. Klicken Sie **Speichern**.

![stichwörter_stil_speichern.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_style_save.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A57Z&se=2026-10-29T05%3A40%3A57Z&sr=c&sp=r&sig=OgAayC85YRVsO4gHRtaQlW9%2FhC5lCrTKcrSMf2W8nU4%3D)

> [!WARNING]
> Note:
> 
> - Wenn Sie auf **Änderungen verwerfen** klicken, gehen alle Änderungen, die Sie am Inhalt vorgenommen haben, verloren, und die Seite wird zu ihrem vorherigen gespeicherten Status zurückkehren.
> - Stellen Sie sicher, dass Sie die Änderungen an der Symbolanpassung veröffentlichen, damit sie in der Anwendung wirksam werden. Weitere Informationen finden Sie unter [Alle Whatfix-Inhalte und Widgets zur die Produktion schieben](/studio/docs/de/pushing-whatfix-content-to-production).

Cues are contextual, just-in-time nudges that appear within your end users’ flow of work to guide them toward helpful next steps.