--- url: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/licensing/profiles' title: 'Icon-Bibliotheken | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T08:39:49+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Der Icon-Picker in den Elementen Icon und Circle counter bietet jedes auf Ihrer Website registrierte Icon-Set. DXPR Builder bringt 14 Sets mit; Module und Themes können mit einer YAML-Datei weitere hinzufügen. Diese Seite listet die mitgelieferten Sets, erklärt, wie sie laden, und zeigt Ihnen, wie Sie eines hinzufügen. Um einzuschränken, welche Sets eine Rolle sieht, nutzen Sie ein Builder-Profil; siehe Benutzerprofile.' tags: - 'Je huisstijl toepassen' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: Icon-Bibliotheken description: 'Der Icon-Picker in den Elementen Icon und Circle counter bietet jedes auf Ihrer Website registrierte Icon-Set. DXPR Builder bringt 14 Sets mit; Module und Themes können mit einer YAML-Datei weitere hinzufügen. Diese Seite listet die mitgelieferten Sets, erklärt, wie sie laden, und zeigt Ihnen, wie Sie eines hinzufügen. Um einzuschränken, welche Sets eine Rolle sieht, nutzen Sie ein Builder-Profil; siehe Benutzerprofile.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T08:39:49+0000' dateModified: '2026-10-24T09:09:48+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/licensing/profiles' articleSection: 'Je huisstijl toepassen' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/licensing/profiles' description: 'Der Icon-Picker in den Elementen Icon und Circle counter bietet jedes auf Ihrer Website registrierte Icon-Set. DXPR Builder bringt 14 Sets mit; Module und Themes können mit einer YAML-Datei weitere hinzufügen. Diese Seite listet die mitgelieferten Sets, erklärt, wie sie laden, und zeigt Ihnen, wie Sie eines hinzufügen. Um einzuschränken, welche Sets eine Rolle sieht, nutzen Sie ein Builder-Profil; siehe Benutzerprofile.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Help Center](/de/hc)/[Documentation](/de/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Je huisstijl toepassen](/hc/documentation/learn-dxpr-builder/customization) # Icon-Bibliotheken. Learn DXPR BuilderManage the siteJe huisstijl toepassen ## In this guide Related guides - [Wählen Sie, was jede Rolle im Builder sieht](/de/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) - [Lizenz- und Produktschlüsselfehler](/de/hc/documentation/learn-dxpr-builder/licensing/managing-licences) Der Icon-Picker in den Elementen **Icon** und **Circle counter** bietet jedes auf Ihrer Website registrierte Icon-Set. DXPR Builder bringt 14 Sets mit; Module und Themes können mit einer YAML-Datei weitere hinzufügen. Diese Seite listet die mitgelieferten Sets, erklärt, wie sie laden, und zeigt Ihnen, wie Sie eines hinzufügen. Um einzuschränken, welche Sets eine Rolle sieht, nutzen Sie ein Builder-Profil; siehe [Benutzerprofile](/de/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). ## Mitgelieferte Icon-Sets Die Sets sind in `dxpr_builder.dxpr_icon_sets.yml` registriert: | Schlüssel | Bezeichnung im Picker | Klassenpräfix | Library | |---|---|---|---| | `bi` | Bootstrap Icons | `bi` | `dxpr_builder/elements.bootstrap_icons` | | `et` | ET Line Icons | `et` | `dxpr_builder/elements.et_line_font` | | `fab` | Font Awesome Free Brands | `fab` | `dxpr_builder/elements.font_awesome_6_free` | | `far` | Font Awesome Free Regular | `far` | `dxpr_builder/elements.font_awesome_6_free` | | `fas` | Font Awesome Free Solid | `fas` | `dxpr_builder/elements.font_awesome_6_free` | | `glyphicon` | Glyphicon Halflings | `glyphicon` | `dxpr_builder/elements.glyphicons_halflings` | | `pe` | Pixeden Line Icons | `pe` | `dxpr_builder/elements.pe_icon_7_stroke` | | `ph` | Phosphor Icons Regular | `ph` | `dxpr_builder/elements.phosphor_icons` | | `ph_bold` | Phosphor Icons Bold | `ph-bold` | `dxpr_builder/elements.phosphor_icons_bold` | | `ph_duotone` | Phosphor Icons Duotone | `ph-duotone` | `dxpr_builder/elements.phosphor_icons_duotone` | | `ph_fill` | Phosphor Icons Fill | `ph-fill` | `dxpr_builder/elements.phosphor_icons_fill` | | `ph_light` | Phosphor Icons Light | `ph-light` | `dxpr_builder/elements.phosphor_icons_light` | | `ph_thin` | Phosphor Icons Thin | `ph-thin` | `dxpr_builder/elements.phosphor_icons_thin` | | `fa` | Font Awesome (v4 compatibility) | `fa` | `dxpr_builder/elements.font_awesome_6_free` | Der Picker bietet das Set `fa` nicht an, weil es keine Icon-Liste hat. Es sorgt dafür, dass Icons, die mit der alten `fa`-Klasse gespeichert wurden, die Font-Awesome-Library laden. Seiten, die mit den alten Font-Awesome-Library-Namen gespeichert wurden, erhalten zusätzlich das Stylesheet `dxpr_builder/elements.font_awesome_v4_shims`, sodass ihre Icons weiter erscheinen. Alle Font-Awesome-Sets laden Font Awesome Free 7. Die Library behält ihren Systemnamen der Version 6, weil gespeicherte Seiten und eigener Code darauf verweisen. [Font Awesome 7 in DXPR Builder](/de/hc/documentation/learn-dxpr-builder/getting-started/font-awesome-7) listet, was sich geändert hat. ## Wie Picker und Seiten Icons laden Das Set-Dropdown beginnt mit **All icon sets** und listet dann jedes registrierte Set mit Icon-Liste. Die 13 mitgelieferten Sets außer `fa` haben eingebaute Listen, sodass eine Website mit nur DXPR Builder 14 Einträge zeigt. Ein Set aus einem anderen Modul oder Theme braucht eine `icons`-Liste in seinem YAML, um zu erscheinen. Wenn die Redaktion ein Icon wählt, speichert das Element die Klassen des Icons, etwa `bi bi-star`, und den Namen seiner Library. Besucher laden dann nur die Icon-Fonts, die ihre Seite nutzt. Im Editor laden ET Line, Pixeden und Glyphicon mit dem Editor selbst; der Picker lädt die Stylesheets der anderen Sets, wenn er sich öffnet. Wie die Redaktion Icons wählt und stylt, steht auf [Ein Icon hinzufügen](/de/hc/documentation/learn-dxpr-builder/elements/icon). ## Icon-Sets pro Rolle einschränken Jedes Builder-Profil hat eine Gruppe **Icon sets** mit einer Box pro Set und einer Box **Check/Uncheck all Icon sets**. Konfigurieren Sie sie unter **DXPR Studio** > **DXPR Builder** > **User Profiles**; [Benutzerprofile](/de/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) enthält die Schritte. So verhält sich die Gruppe: - Mit angewähltem **Check/Uncheck all Icon sets** sieht die Rolle jedes Set, einschließlich später hinzugefügter Sets. - Ohne Anwahl sieht die Rolle nur die angewählten Sets. Ein neues Profil startet so, mit jedem Set angewählt, sodass ein später hinzugefügtes Set verborgen bleibt, bis Sie es anwählen. - Ohne Anwahl und ohne angewähltes Set ist der Picker leer. - Bereits auf einer Seite liegende Icons erscheinen weiter. Das Profil ändert nur, was der Picker anbietet. ## Ein Icon-Set hinzufügen Ein Icon-Set ist ein YAML-Eintrag plus eine Drupal-Library. DXPR Builder liest `*.dxpr_icon_sets.yml` aus jedem installierten Modul und Theme. Die Eigenschaftsreferenz und der Alter-Hook stehen auf [Eigene Icon-Sets](/de/hc/documentation/learn-dxpr-builder/development/icon-sets). 1. Erstellen Sie `mymodule/mymodule.dxpr_icon_sets.yml`: ```yaml brand: label: 'Brand icons' prefix: brand css: css/brand-icons.css library: mymodule/brand_icons icons: - 'brand brand-logo' - 'brand brand-arrow' ``` `css` ist relativ zum Modulordner und lädt im Editor. Jedes Icon ist das Präfix plus eine Klasse, die mit dem Präfix und einem Bindestrich beginnt. 2. Deklarieren Sie die Library in `mymodule.libraries.yml`. Die Seiten der Besucher laden sie: ```yaml brand_icons: css: theme: css/brand-icons.css: {} ``` 3. Leeren Sie die Caches mit `drush cr`. 4. Wählen Sie das neue Set in jedem Builder-Profil an, in dem **Check/Uncheck all Icon sets** nicht angewählt ist. 5. Öffnen Sie die Einstellungen eines **Icon**-Elements und wählen Sie **Brand icons** im Set-Dropdown. Ein eigenes Modul kann ein Set mit einem Alter-Hook auch aus dem Picker entfernen; der Code steht in der [Hooks-API-Referenz](/de/hc/documentation/learn-dxpr-builder/development/hooks-api#hook_dxpr_builder_icon_sets_alter). Icons aus einem mitgelieferten Set laden auf gespeicherten Seiten ohnehin weiter. Icons aus einem entfernten eigenen Set laden ihr CSS nicht mehr, weil DXPR Builder nur eine Library einbindet, die ein registriertes Set nennt. ## Wenn ein Icon-Set fehlt - **Ein neues Set steht nicht im Dropdown.** Sein YAML hat keine `icons`-Liste, oder der Cache hält noch die alte Registry. Fügen Sie die Liste hinzu und führen Sie `drush cr` aus. - **Ein Set fehlt nur bei einzelnen Personen der Redaktion.** Deren Builder-Profil wählt es nicht an. Wählen Sie es unter **Icon sets** unter `/admin/dxpr_studio/dxpr_builder/profile` an. - **Icons erscheinen im Editor, aber nicht für Besucher.** Der Editor lädt die `css`-Datei des Sets, aber die Seiten der Besucher laden seine `library`. Stellen Sie sicher, dass `library` eine Library in `mymodule.libraries.yml` nennt, die die CSS-Datei enthält. ## Wie geht es weiter? - [Eigene Icon-Sets](/de/hc/documentation/learn-dxpr-builder/development/icon-sets): die YAML-Eigenschaftsreferenz und der Alter-Hook. - [Ein Icon hinzufügen](/de/hc/documentation/learn-dxpr-builder/elements/icon): die Einstellungen des Icon-Elements.