diff -u b/core/modules/image/css/editors/image.css b/core/modules/image/css/editors/image.css
--- b/core/modules/image/css/editors/image.css
+++ b/core/modules/image/css/editors/image.css
@@ -1,3 +1,7 @@
+/**
+ * @file
+ * Styles for the Image module's in-place editor.
+ */
 .quickedit-image-element {
   min-width: 200px;
   min-height: 200px;
@@ -40,11 +44,11 @@
 }
 
 .quickedit-image-dropzone.upload .quickedit-image-icon {
-  background-image: url('../../icons/upload.svg');
+  background-image: url('../../images/upload.svg');
 }
 
 .quickedit-image-dropzone.error .quickedit-image-icon {
-  background-image: url('../../icons/error.svg');
+  background-image: url('../../images/error.svg');
 }
 
 .quickedit-image-dropzone.loading .quickedit-image-icon {
@@ -57,7 +61,7 @@
   margin-left: -10px;
   margin-top: -5px;
   animation-duration: 2s;
-  animation-name: animation;
+  animation-name: quickedit-image-spin;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   width: 60px;
@@ -68,7 +72,7 @@
   border-color: white transparent transparent transparent;
 }
 
-@keyframes animation {
+@keyframes quickedit-image-spin {
   0% {transform: rotate(0deg);}
   50% {transform: rotate(180deg);}
   100% {transform: rotate(360deg);}
@@ -112 +115,0 @@
-
reverted:
--- b/core/modules/image/icons/error.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
-</svg>
\ No newline at end of file
reverted:
--- b/core/modules/image/icons/upload.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"/>
-</svg>
only in patch2:
unchanged:
--- /dev/null
+++ b/core/modules/image/images/error.svg
@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
+</svg>
\ No newline at end of file
only in patch2:
unchanged:
--- /dev/null
+++ b/core/modules/image/images/upload.svg
@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"/>
+</svg>
only in patch2:
unchanged:
--- /dev/null
+++ b/core/themes/stable/css/image/editors/image.css
@@ -0,0 +1,115 @@
+/**
+ * @file
+ * Styles for the Image module's in-place editor.
+ */
+.quickedit-image-element {
+  min-width: 200px;
+  min-height: 200px;
+}
+
+.quickedit-image-dropzone {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: rgba(116, 183, 255, 0.8);
+  transition: background .2s;
+}
+
+.quickedit-image-dropzone.hover {
+  background: rgba(116, 183, 255, 0.9);
+}
+
+.quickedit-image-dropzone.error {
+  background: rgba(255, 52, 27, 0.81);
+}
+
+.quickedit-image-dropzone * {
+  pointer-events: none;
+}
+
+.quickedit-image-icon {
+  display: block;
+  width: 50px;
+  height: 50px;
+  margin: 0 0 10px 0;
+  background-repeat: no-repeat;
+  background-size: cover;
+  transition: margin .5s;
+}
+
+.quickedit-image-dropzone.upload .quickedit-image-icon {
+  background-image: url('../../../images/image/upload.svg');
+}
+
+.quickedit-image-dropzone.error .quickedit-image-icon {
+  background-image: url('../../../images/image/error.svg');
+}
+
+.quickedit-image-dropzone.loading .quickedit-image-icon {
+  margin: -10px 0 20px 0;
+}
+
+.quickedit-image-dropzone.loading .quickedit-image-icon::after {
+  display: block;
+  content: "";
+  margin-left: -10px;
+  margin-top: -5px;
+  animation-duration: 2s;
+  animation-name: quickedit-image-spin;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+  width: 60px;
+  height: 60px;
+  border-style: solid;
+  border-radius: 35px;
+  border-width: 5px;
+  border-color: white transparent transparent transparent;
+}
+
+@keyframes quickedit-image-spin {
+  0% {transform: rotate(0deg);}
+  50% {transform: rotate(180deg);}
+  100% {transform: rotate(360deg);}
+}
+
+.quickedit-image-text {
+  display: block;
+  text-align: center;
+  color: white;
+  font-family: "Droid sans", "Lucida Grande", sans-serif;
+  pointer-events: none;
+  font-size: 16px;
+  -webkit-user-select: none;
+}
+
+.quickedit-image-field-info {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  background: rgba(0, 0, 0, 0.05);
+  border-top: 1px solid #c5c5c5;
+  padding: 5px;
+}
+
+.quickedit-image-field-info label, .quickedit-image-field-info input {
+  margin-right: 5px;
+}
+
+.quickedit-image-field-info input:last-child {
+  margin-right: 0;
+}
+
+.quickedit-image-errors .messages__wrapper {
+  margin: 0;
+  padding: 0;
+}
+
+.quickedit-image-errors .messages--error {
+  box-shadow: none;
+}
only in patch2:
unchanged:
--- /dev/null
+++ b/core/themes/stable/images/image/error.svg
@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
+</svg>
\ No newline at end of file
only in patch2:
unchanged:
--- /dev/null
+++ b/core/themes/stable/images/image/upload.svg
@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"/>
+</svg>
only in patch2:
unchanged:
--- a/core/themes/stable/stable.info.yml
+++ b/core/themes/stable/stable.info.yml
@@ -98,6 +98,10 @@ libraries-override:
     css:
       theme:
         css/image.admin.css: css/image/image.admin.css
+  image/quickedit.inPlaceEditor.image:
+      css:
+        component:
+          css/editors/image.css: css/image/editors/image.css
 
   language/drupal.language.admin:
     css: