diff --git a/css/examples.icons.css b/css/examples.icons.css
index da96454..2014ef2 100644
--- a/css/examples.icons.css
+++ b/css/examples.icons.css
@@ -6,8 +6,15 @@
 /**
  * Toolbar tab icon.
  */
-.toolbar-bar .toolbar-icon-examples:before,
+.toolbar-bar .toolbar-icon-examples:before {
+  background-image: url(../images/bebebe/examples.svg);
+}
+
+/**
+ * Toolbar tab icon when active.
+ */
+.toolbar-bar .toolbar-icon-examples.is-active:before,
 .toolbar-bar .toolbar-icon-examples:active:before,
 .toolbar-bar .toolbar-icon-examples.active:before {
-  background-image: url(../images/examples.svg);
+  background-image: url(../images/ffffff/examples.svg);
 }
diff --git a/form_api_example/src/Form/InputDemo.php b/form_api_example/src/Form/InputDemo.php
index 870bedf..60af8b5 100644
--- a/form_api_example/src/Form/InputDemo.php
+++ b/form_api_example/src/Form/InputDemo.php
@@ -260,8 +260,11 @@ class InputDemo extends FormBase {
     $form['image_button'] = [
       '#type' => 'image_button',
       '#value' => 'Image button',
-      '#src' => drupal_get_path('module', 'examples') . '/images/100x30.svg',
+      '#src' => drupal_get_path('module', 'examples') . '/images/333333/examples.svg',
       '#description' => $this->t('image file, #type = image_button'),
+      '#attributes' => [
+        'width' => 44,
+      ],
     ];
 
     // Button.
diff --git a/images/100x30.svg b/images/100x30.svg
deleted file mode 100644
index 3c1b33e..0000000
--- a/images/100x30.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="100.000000pt" height="30.000000pt" viewBox="0 0 100.000000 30.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.15, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,30.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-</g>
-</svg>
diff --git a/images/333333/examples.svg b/images/333333/examples.svg
new file mode 100644
index 0000000..97b3ca1
--- /dev/null
+++ b/images/333333/examples.svg
@@ -0,0 +1,3 @@
+<svg width="399" height="529" version="1" xmlns="http://www.w3.org/2000/svg">
+  <path d="M174 264l-8 11-19 23c-17 22-34 45-48 69l-6 10c-5 9-9 25-22 25-6-1-12-4-10-11 1-5 12-19 15-25l56-84 11-17c5-6 7-10 15-12 6-1 19 2 16 11zm38 3l1 10 7-7 3 2c5 4 4 5-1 12l10-1v10l-8 3 8 5c-1 2-3 7-5 8s-7-2-9-3l2 10-9 3-4-9-4 9c-2-1-8-2-9-4l2-9-9 4-4-9 7-5-9-3 2-10 9 1-5-8 7-6 8 6v-9zm84 0l1 9c6-6 7-8 12-3l2 3c0 2-4 6-5 8h9c2 1 2 7 3 9l-10 3c2 1 7 4 7 6 1 1-3 6-3 8l-9-4c0 2 2 8 1 9-1 2-6 3-8 4l-5-9-4 9-9-4 3-9-10 4-4-9 8-6c-2 0-8-1-9-3-1-1 0-7 1-9l10 1-6-9 8-5 7 6v-9zM123 159c27-29 54-57 76-94 23 37 49 65 77 94 18 19 38 40 56 64a171 171 0 0 1-133 278A170 170 0 0 1 29 338c-3-42 11-83 37-116 19-24 38-44 57-63zm-79 46a199 199 0 1 0 310 0C295 129 235 94 199 0c-35 94-95 129-155 205z" fill="#333"/>
+</svg>
diff --git a/images/bebebe/examples.svg b/images/bebebe/examples.svg
new file mode 100644
index 0000000..4b26f01
--- /dev/null
+++ b/images/bebebe/examples.svg
@@ -0,0 +1,3 @@
+<svg width="399" height="529" version="1" xmlns="http://www.w3.org/2000/svg">
+  <path d="M174 264l-8 11-19 23c-17 22-34 45-48 69l-6 10c-5 9-9 25-22 25-6-1-12-4-10-11 1-5 12-19 15-25l56-84 11-17c5-6 7-10 15-12 6-1 19 2 16 11zm38 3l1 10 7-7 3 2c5 4 4 5-1 12l10-1v10l-8 3 8 5c-1 2-3 7-5 8s-7-2-9-3l2 10-9 3-4-9-4 9c-2-1-8-2-9-4l2-9-9 4-4-9 7-5-9-3 2-10 9 1-5-8 7-6 8 6v-9zm84 0l1 9c6-6 7-8 12-3l2 3c0 2-4 6-5 8h9c2 1 2 7 3 9l-10 3c2 1 7 4 7 6 1 1-3 6-3 8l-9-4c0 2 2 8 1 9-1 2-6 3-8 4l-5-9-4 9-9-4 3-9-10 4-4-9 8-6c-2 0-8-1-9-3-1-1 0-7 1-9l10 1-6-9 8-5 7 6v-9zM123 159c27-29 54-57 76-94 23 37 49 65 77 94 18 19 38 40 56 64a171 171 0 0 1-133 278A170 170 0 0 1 29 338c-3-42 11-83 37-116 19-24 38-44 57-63zm-79 46a199 199 0 1 0 310 0C295 129 235 94 199 0c-35 94-95 129-155 205z" fill="#bebebe"/>
+</svg>
diff --git a/images/examples.svg b/images/examples.svg
deleted file mode 100644
index 49e7783..0000000
--- a/images/examples.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Calque_1"
-   x="0px"
-   y="0px"
-   width="398.5246"
-   height="529.01465"
-   viewBox="0 0 398.52459 529.01462"
-   enable-background="new 0 0 841.89 595.28"
-   xml:space="preserve"
-   inkscape:version="0.48.5 r10040"
-   sodipodi:docname="examples.svg"><metadata
-     id="metadata3047"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs3045" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1366"
-     inkscape:window-height="720"
-     id="namedview3043"
-     showgrid="false"
-     inkscape:zoom="0.91385562"
-     inkscape:cx="285.99413"
-     inkscape:cy="251.00765"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Calque_1"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" /><g
-     id="g3039"
-     transform="matrix(1.178797,0,0,1.178797,-595.68769,-114.80013)"
-     style="fill:#00a400;fill-opacity:1;stroke:none" /><path
-     id="Selection"
-     style="fill:#ffffff;fill-opacity:1;stroke:none"
-     d="m 173.78752,263.61524 c -0.88793,2.89176 -5.93951,8.82527 -8.00934,11.39906 0,0 -18.35847,22.7981 -18.35847,22.7981 -17.44056,21.83819 -34.33515,45.62621 -48.715964,69.59422 0,0 -5.65153,9.5992 -5.65153,9.5992 -4.7876,9.06525 -9.47322,25.3119 -22.06617,24.54396 -5.51354,-0.33597 -12.37697,-3.44971 -10.25315,-10.14515 1.64987,-5.17757 12.119,-19.57038 15.6827,-25.19791 0,0 55.363414,-83.99302 55.363414,-83.99302 0,0 11.62703,-16.79861 11.62703,-16.79861 4.49963,-6.31747 6.45546,-10.49313 14.57279,-12.32297 6.35947,-0.87593 18.58046,1.47587 15.80869,10.52312 z m 38.18682,2.99975 c 0,0 0.59995,10.19916 0.59995,10.19916 1.38589,-1.38589 5.54354,-5.95151 7.19941,-6.32948 1.43988,-0.32397 2.56778,0.70194 3.5997,1.54187 4.69161,3.83968 3.94167,4.79361 -1.79985,11.98701 0,0 10.19915,-0.59995 10.19915,-0.59995 0.25798,1.92584 1.68586,7.73336 0.59995,9.16724 -0.64195,0.84593 -6.58745,2.50779 -8.3993,3.43171 0,0 7.79935,4.7996 7.79935,4.7996 -0.56995,1.94984 -2.94576,7.48738 -4.92559,8.15333 -1.66186,0.55795 -7.2474,-2.4538 -8.87327,-3.35373 0,0 2.39981,10.19916 2.39981,10.19916 0,0 -8.99926,2.99975 -8.99926,2.99975 0,0 -4.19965,-8.99926 -4.19965,-8.99926 0,0 -4.19965,8.99926 -4.19965,8.99926 -1.82385,-0.42597 -7.92534,-2.10583 -8.60328,-3.85168 -0.56996,-1.46988 1.48787,-7.57137 2.00383,-9.34723 0,0 -9.5992,4.19965 -9.5992,4.19965 0,0 -4.19965,-8.99925 -4.19965,-8.99925 0,0 7.79935,-4.7996 7.79935,-4.7996 0,0 -9.59921,-2.99975 -9.59921,-2.99975 0,0 1.79986,-9.5992 1.79986,-9.5992 0,0 9.5992,0.59995 9.5992,0.59995 0,0 -5.39955,-8.3993 -5.39955,-8.3993 0,0 7.1994,-5.27957 7.1994,-5.27957 0,0 7.79935,5.87952 7.79935,5.87952 0,0 0.59995,-9.59921 0.59995,-9.59921 0,0 9.5992,0 9.5992,0 z m 83.99303,0 c 0,0 1.1999,9.59921 1.1999,9.59921 5.9815,-5.98151 6.56345,-7.82935 11.38705,-3.42572 0.97792,0.88793 2.18982,2.00383 2.23181,3.42572 0.054,1.68586 -3.5517,6.10749 -4.61961,7.67936 1.82385,0.11399 7.76335,-0.61195 8.81327,0 1.97983,0.80993 2.4178,7.05541 2.58578,9.11924 0,0 -9.5992,2.99975 -9.5992,2.99975 1.80585,0.88193 6.85143,3.50971 7.30739,5.50754 0.37797,1.66787 -2.77777,6.66545 -3.70769,8.29131 0,0 -8.99925,-3.5997 -8.99925,-3.5997 0.26997,1.93184 1.97983,7.45139 1.43388,8.74728 -0.69594,1.64986 -6.27548,3.23973 -8.03333,3.85168 0,0 -4.79961,-8.99926 -4.79961,-8.99926 0,0 -4.19965,8.99926 -4.19965,8.99926 0,0 -8.99925,-3.5997 -8.99925,-3.5997 0,0 2.99975,-9.59921 2.99975,-9.59921 0,0 -9.5992,4.19965 -9.5992,4.19965 0,0 -4.7996,-8.3993 -4.7996,-8.3993 0,0 8.3993,-5.9995 8.3993,-5.9995 -1.93784,-0.38997 -8.4533,-1.46988 -9.23323,-3.25773 -0.49196,-1.12191 0.68994,-6.98942 0.83393,-8.74127 0,0 10.19915,0.59995 10.19915,0.59995 0,0 -5.39955,-8.99925 -5.39955,-8.99925 0,0 7.1994,-5.39956 7.1994,-5.39956 0,0 7.1994,6.59946 7.1994,6.59946 0,0 0.59995,-9.59921 0.59995,-9.59921 0,0 9.59921,0 9.59921,0 z m 5.9995,38.99676 c 0,0 0.59995,0.59995 0.59995,0.59995 0,0 0,-0.59995 0,-0.59995 0,0 -0.59995,0 -0.59995,0 z M 199.26641,64.968209 c 22.38418,37.431521 49.01203,65.265271 76.7114,94.221241 18.40809,19.24386 37.44448,39.14195 56.21093,63.01495 l 0.1167,0.14735 0.11788,0.14617 c 26.34729,32.61377 39.69953,73.75733 37.59891,115.84981 -2.11476,42.38247 -19.82147,82.26471 -49.8584,112.30045 -32.29078,32.29315 -75.22611,50.0753 -120.89506,50.0753 -45.66895,0 -88.60428,-17.78333 -120.897424,-50.0753 -30.0381,-30.03574 -47.74717,-69.92034 -49.86429,-112.30163 -2.10415,-42.09248 11.2469,-83.23486 37.59301,-115.84863 l 0.11788,-0.14617 0.1167,-0.14735 c 18.76763,-23.87536 37.806384,-43.77581 56.218014,-63.02085 27.70055,-28.95597 54.32722,-56.78618 76.71375,-94.215341 m 0,-64.9682184696599 C 163.64435,93.921824 103.82747,128.7258 44.090756,204.7193 c -63.21299,78.25208 -58.45419,193.20483 14.27405,265.93307 38.90973,38.90973 89.904494,58.36224 140.901604,58.36224 50.99594,0 101.9907,-19.45251 140.89925,-58.36224 C 412.8939,397.92413 417.64209,282.97138 354.4291,204.7193 294.69357,128.72697 234.88848,93.921824 199.26641,-9.4696599e-6 l 0,0 z"
-     inkscape:connector-curvature="0" /></svg>
\ No newline at end of file
diff --git a/images/ffffff/examples.svg b/images/ffffff/examples.svg
new file mode 100644
index 0000000..404f6f1
--- /dev/null
+++ b/images/ffffff/examples.svg
@@ -0,0 +1,3 @@
+<svg width="399" height="529" version="1" xmlns="http://www.w3.org/2000/svg">
+  <path d="M174 264l-8 11-19 23c-17 22-34 45-48 69l-6 10c-5 9-9 25-22 25-6-1-12-4-10-11 1-5 12-19 15-25l56-84 11-17c5-6 7-10 15-12 6-1 19 2 16 11zm38 3l1 10 7-7 3 2c5 4 4 5-1 12l10-1v10l-8 3 8 5c-1 2-3 7-5 8s-7-2-9-3l2 10-9 3-4-9-4 9c-2-1-8-2-9-4l2-9-9 4-4-9 7-5-9-3 2-10 9 1-5-8 7-6 8 6v-9zm84 0l1 9c6-6 7-8 12-3l2 3c0 2-4 6-5 8h9c2 1 2 7 3 9l-10 3c2 1 7 4 7 6 1 1-3 6-3 8l-9-4c0 2 2 8 1 9-1 2-6 3-8 4l-5-9-4 9-9-4 3-9-10 4-4-9 8-6c-2 0-8-1-9-3-1-1 0-7 1-9l10 1-6-9 8-5 7 6v-9zM123 159c27-29 54-57 76-94 23 37 49 65 77 94 18 19 38 40 56 64a171 171 0 0 1-133 278A170 170 0 0 1 29 338c-3-42 11-83 37-116 19-24 38-44 57-63zm-79 46a199 199 0 1 0 310 0C295 129 235 94 199 0c-35 94-95 129-155 205z" fill="#fff"/>
+</svg>