diff --git a/src/scss/components/_icons.scss b/src/scss/components/_icons.scss
index 9894b46..e567b1d 100644
--- a/src/scss/components/_icons.scss
+++ b/src/scss/components/_icons.scss
@@ -11,7 +11,7 @@
  &:before, &:after {
   --m-interior: .5rem;
   --m-exterior: -.125rem;
-  background-color: currentColor;
+  background-color: var(--icon-color, currentColor);
   display: inline-block;
   flex: 0 0 auto;
   block-size: 1.5rem;