note icon

app/components/SimpleEditor/elements/note/note.scss

 $gray: #eee;
-$red: #591818;
+$white: #fff;
 
 .sc-prose-editor {
   counter-reset: note;
@@ -9,17 +9,24 @@ $red: #591818;
   }
 
   .sc-note {
-    color: $red;
+    background-image: url('./elements/icons/note.png');
     display: block;
-    font-weight: bold;
+    height: 20px;
+    position: relative;
+    top: 8px;
     user-select: initial;
+    width: 20px;
   }
 
   .sc-note::after {
-    content: '['counter(note)']';
+    bottom: 12px;
+    color: $white;
+    content: ''counter(note)'';
     counter-increment: note;
     font-size: 11px;
     font-style: italic;
-    font-weight: 400;
+    font-weight: normal;
+    left: 7px;
+    position: relative;
   }
 }