diff --git a/_static/css/custom.css b/_static/css/custom.css
index d055c0005..aecd44593 100644
--- a/_static/css/custom.css
+++ b/_static/css/custom.css
@@ -1220,16 +1220,51 @@ code,
     margin-right: 9px;
 }
 
+.rst-content .admonition.note .admonition-title::before,
+.rst-content .admonition.warning .admonition-title::before,
+.rst-content .admonition.tip .admonition-title::before,
+.rst-content .admonition.important .admonition-title::before {
+    content: "";
+    top: 0.1rem;
+    display: inline;
+    height: 1rem;
+    width: 1rem;
+    padding-right: 1rem;
+    mask-repeat: no-repeat;
+}
+
+.rst-content .admonition.note .admonition-title::before {
+    mask-image: var(--admonition-note-icon);
+    background-color: var(--admonition-note-title-color);
+}
+
+.rst-content .admonition.warning .admonition-title::before {
+    mask-image: var(--admonition-danger-icon);
+    background-color: var(--admonition-attention-title-color);
+}
+
+.rst-content .admonition.tip .admonition-title::before {
+    mask-image: var(--admonition-tip-icon);
+    background-color: var(--admonition-tip-title-color);
+}
+
+.rst-content .admonition.important .admonition-title::before {
+    mask-image: var(--admonition-attention-icon);
+    background-color: var(--admonition-attention-title-color);
+}
+
 .rst-content .admonition.attention,
 .rst-content .admonition.caution,
-.rst-content .admonition.warning {
+.rst-content .admonition.warning,
+.rst-content .admonition.important {
     background-color: var(--admonition-attention-background-color);
     color: var(--admonition-attention-color);
 }
 
 .rst-content .admonition.attention .admonition-title,
 .rst-content .admonition.caution .admonition-title,
-.rst-content .admonition.warning .admonition-title {
+.rst-content .admonition.warning .admonition-title,
+.rst-content .admonition.important .admonition-title {
     background-color: var(--admonition-attention-title-background-color);
     color: var(--admonition-attention-title-color);
 }
@@ -1244,14 +1279,12 @@ code,
     color: var(--admonition-danger-title-color);
 }
 
-.rst-content .admonition.tip,
-.rst-content .admonition.important {
+.rst-content .admonition.tip {
     background-color: var(--admonition-tip-background-color);
     color: var(--admonition-tip-color);
 }
 
-.rst-content .admonition.tip .admonition-title,
-.rst-content .admonition.important .admonition-title {
+.rst-content .admonition.tip .admonition-title {
     background-color: var(--admonition-tip-title-background-color);
     color: var(--admonition-tip-title-color);
 }