diff --git a/src/features/icons/components/Icon.vue b/src/features/icons/components/Icon.vue
index fbbfd04..b70953e 100644
--- a/src/features/icons/components/Icon.vue
+++ b/src/features/icons/components/Icon.vue
@@ -49,5 +49,6 @@ const size = computed(() => ensureUnit(props.size))
 .icon-container {
     display: flex;
     align-items: center;
+    filter: var(--invert);
 }
 </style>
\ No newline at end of file