diff --git a/images/icons/v2/timer-disabled-24.svg b/images/icons/v2/timer-disabled-outline-24.svg
similarity index 100%
rename from images/icons/v2/timer-disabled-24.svg
rename to images/icons/v2/timer-disabled-outline-24.svg
diff --git a/images/icons/v2/timer-disabled-solid-16.svg b/images/icons/v2/timer-disabled-solid-16.svg
new file mode 100644
index 0000000000..1dd76d2430
--- /dev/null
+++ b/images/icons/v2/timer-disabled-solid-16.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/v2/timer-24.svg b/images/icons/v2/timer-outline-24.svg
similarity index 100%
rename from images/icons/v2/timer-24.svg
rename to images/icons/v2/timer-outline-24.svg
diff --git a/images/icons/v2/timer-solid-16.svg b/images/icons/v2/timer-solid-16.svg
new file mode 100644
index 0000000000..89b22b9dcf
--- /dev/null
+++ b/images/icons/v2/timer-solid-16.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 57f3793dd4..9f49dd0395 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -2397,22 +2397,28 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
opacity: 0.6;
@include light-theme {
- @include color-svg('../images/icons/v2/timer-24.svg', $color-gray-60);
+ @include color-svg(
+ '../images/icons/v2/timer-outline-24.svg',
+ $color-gray-60
+ );
}
@include dark-theme {
- @include color-svg('../images/icons/v2/timer-24.svg', $color-gray-05);
+ @include color-svg(
+ '../images/icons/v2/timer-solid-16.svg',
+ $color-gray-05
+ );
}
&--disabled {
@include light-theme {
@include color-svg(
- '../images/icons/v2/timer-disabled-24.svg',
+ '../images/icons/v2/timer-disabled-outline-24.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
- '../images/icons/v2/timer-disabled-24.svg',
+ '../images/icons/v2/timer-disabled-solid-16.svg',
$color-gray-05
);
}
diff --git a/stylesheets/components/ConversationHeader.scss b/stylesheets/components/ConversationHeader.scss
index 0b317e300b..b7a48e3609 100644
--- a/stylesheets/components/ConversationHeader.scss
+++ b/stylesheets/components/ConversationHeader.scss
@@ -158,7 +158,7 @@
}
&__expiration {
- @include icon-element('../images/icons/v2/timer-24.svg');
+ @include icon-element('../images/icons/v2/timer-outline-24.svg');
margin-right: 12px;
}