---
title: "Custom Icons in Whatfix-Inhalten und Widgets verwenden"
slug: "customize-icons-in-whatfix-contents-and-widgets"
updated: 2026-05-07T00:34:32Z
published: 2026-05-29T04:29:43Z
canonical: "support.whatfix.com/customize-icons-in-whatfix-contents-and-widgets"
---

> ## 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 in Whatfix-Inhalten und Widgets verwenden

Mit der Whatfix-Icon Library können Sie Custom Icons für Whatfix Inhalte und Widgets wie Smart Tips, Beacons und Launchers hochladen und verwalten. Dies ermöglicht es Ihnen, Ihre Widgets mit dem Design Ihrer Anwendung und spezifischen Anwendungsfällen abzustimmen.

> [!WARNING]
> Your title goes here
> 
> - 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-Bibliothek vorliegen.
> - Die SVG-Auflösung sollte 48×48 Pixel nicht überschreiten und die Größe sollte weniger als 25 KB betragen.
> - Bis zu 25 custom 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).

Benutzen Sie die folgenden Schritte, um custom Icons Symbole hochzuladen:

          **Note**

          

Nur ein **Account-Manager** kann die folgende Aufgabe ausführen. Weitere Informationen zu den verfügbaren Rollen finden Sie unter [Whatfix User Roles](/studio/docs/de/whatfix-user-roles).

1. Auf dem Whatfix Guidance Dashboard, klicken Sie **Stil**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image(319).png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A33%3A41Z&se=2026-10-29T06%3A33%3A41Z&sr=c&sp=r&sig=UzJOTko%2B5X8wOqZtmwg%2BT49TROEOmuDQ29RykoR2YEo%3D)
2. Klicken Sie **Icon**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A33%3A41Z&se=2026-10-29T06%3A33%3A41Z&sr=c&sp=r&sig=UzJOTko%2B5X8wOqZtmwg%2BT49TROEOmuDQ29RykoR2YEo%3D)
3. Klicken Sie **+ Icon hochladen**.![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_uploadicon_DB.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A33%3A41Z&se=2026-10-29T06%3A33%3A41Z&sr=c&sp=r&sig=UzJOTko%2B5X8wOqZtmwg%2BT49TROEOmuDQ29RykoR2YEo%3D)
4. Geben Sie im **Icon hochladen**-Dialogfeld einen **Namen** für Ihr Symbol ein.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Enter_name_DB.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A33%3A41Z&se=2026-10-29T06%3A33%3A41Z&sr=c&sp=r&sig=UzJOTko%2B5X8wOqZtmwg%2BT49TROEOmuDQ29RykoR2YEo%3D)

> [!NOTE]
> Your title goes here
> 
> Verwenden Sie **Alt-Text**, um eine kurze alternative Beschreibung des Bildes bereitzustellen.
5. **Drag and Drop** das Symbol von deinem lokalen Laufwerk oder klicke auf **Datei auswählen**, um das Symbol von deinem lokalen Laufwerk hochzuladen.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_choosefile_DB.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A33%3A41Z&se=2026-10-29T06%3A33%3A41Z&sr=c&sp=r&sig=UzJOTko%2B5X8wOqZtmwg%2BT49TROEOmuDQ29RykoR2YEo%3D)

> [!WARNING]
> Your title goes here
> 
> Es werden nur SVG-Dateitypen unterstützt. Wenn Sie versuchen, andere Dateitypen wie .jpg, .png usw. hochzuladen, sehen Sie die **Ihre Datei ist nicht im unterstützten Format: SVG** Fehlermeldung.![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Error_message.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A33%3A41Z&se=2026-10-29T06%3A33%3A41Z&sr=c&sp=r&sig=UzJOTko%2B5X8wOqZtmwg%2BT49TROEOmuDQ29RykoR2YEo%3D)
6. Klicken Sie **Hochladen**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Upload_DB.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A33%3A41Z&se=2026-10-29T06%3A33%3A41Z&sr=c&sp=r&sig=UzJOTko%2B5X8wOqZtmwg%2BT49TROEOmuDQ29RykoR2YEo%3D)

Nach dem Hochladen sind custom Icons in der Icon Library verfügbar und können in Smart Tips, Beacons und Launchers verwendet werden. Für weitere Informationen, sehen Sie:

- [Custom Icons für Smart Tips verwenden](/studio/docs/de/use-custom-icons-for-smart-tips)
- [Custom Icons für Beacons verwenden](/studio/docs/de/change-the-icon-for-beacon)
- [Custom Icons für Launcher verwenden](/studio/docs/de/use-custom-icons-for-launcher)