Balint Pekker
--- a/js/ckeditor5_plugins/drupalentity/src/ui.js 0 → 100644
+++ b/js/ckeditor5_plugins/drupalentity/src/ui.js 0 → 100644
+    Object.keys(embed_buttons).forEach(id => {
+      let libraryURL = Drupal.url('entity-embed/dialog/' + options.format + '/' + id);
+      // Add each button to the toolbar.
+      editor.ui.componentFactory.add(id, (locale) => {
+        let button = embed_buttons[id];
+        let buttonView = new ButtonView(locale);
+        // Set the icon to the SVG from config, or set it to the default icon.
+        // Currently, CKEditor5 only support SVGs @see IconView().
+        // If the uploaded icon is an SVG, load it or use the default icon otherwise.
+        let icon = null;
+        if (button.icon.endsWith('svg')) {
+          let XMLrequest = new XMLHttpRequest();
+          XMLrequest.open("GET", button.icon, false);
+          XMLrequest.send(null);
+          icon = XMLrequest.response;
+        }
--- a/js/ckeditor5_plugins/drupalentity/entity.svg 0 → 100644
+++ b/js/ckeditor5_plugins/drupalentity/entity.svg 0 → 100644
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">  <image id="image0" width="16" height="16" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAAAJiS0dE
--- a/js/entity_embed.set_dynamic_icons.js 0 → 100644
+++ b/js/entity_embed.set_dynamic_icons.js 0 → 100644
+(function ($, Drupal, drupalSettings, once) {
+  Drupal.behaviors.entityEmbedSetDynamicIcons = {
+    attach: function (context) {
+      // Get the available Embed Buttons from Drupal.
+      Object.values(drupalSettings.embedButtons || {}).forEach(function (button) {
+        // Iterate through the embed buttons and set the corresponding background image.
+        let selector = '.ckeditor5-toolbar-button-' + button.id;
+        let iconUrl = button.icon.endsWith('svg') ? button.icon : '/' + drupalSettings.modulePath + '/js/ckeditor5_plugins/drupalentity/entity.svg';
+        $(once('entityEmbedSetDynamicIcons', selector, context)).css('background-image', 'url(' + iconUrl + ')');
--- a/entity_embed.module
+++ b/entity_embed.module
+          ],
+          'config' => [],
+        ],
+        'drupal' => [
+          'label' => t('Entity Embed - @label', ['@label' => $embed_button_label])->render(),
+          'class' => '\Drupal\entity_embed\Plugin\CKEditor5Plugin\DrupalEntity',
+          'library' => 'entity_embed/entity_embed',
+          'admin_library' => 'entity_embed/admin.entity_embed',
+          'toolbar_items' => [
+            $embed_button_id => [
+              'label' => $embed_button_label,
+            ],
+          ],
+          'elements' => [
+            '<drupal-entity>',
+            '<drupal-entity data-entity-type="' . $embed_button_id . '" data-entity-uuid>',
--- a/js/ckeditor5_plugins/drupalentity/src/ui.js 0 → 100644
+++ b/js/ckeditor5_plugins/drupalentity/src/ui.js 0 → 100644
+/**
+ * @file Registers the entity embed button(s) to the CKEditor instance(s) and binds functionality to it/them.
+ */
+
+import { Plugin } from 'ckeditor5/src/core';
+import { ButtonView } from 'ckeditor5/src/ui';
+import defaultIcon from '../entity.svg';
+
+export default class EntityEmbedUI extends Plugin {