diff --git a/images/dark/do-not-disturb.svg b/images/dark/do-not-disturb.svg
new file mode 100644
index 0000000..05527af
--- /dev/null
+++ b/images/dark/do-not-disturb.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Highlight { color:#5294e2; }</style>
+ </defs>
+ <path d="m8.1957 15h-0.070148a7.2326 7.2326 0 0 1-5.1491-2.2098 7.3379 7.3379 0 0 1-0.18239-9.8212 7.1064 7.1064 0 0 1 2.8061-1.9222 0.70152 0.70152 0 0 1 0.74361 0.15433 0.70152 0.70152 0 0 1 0.16836 0.70152 5.8927 5.8927 0 0 0 1.3609 6.1804 5.9418 5.9418 0 0 0 6.1944 1.3609 0.70152 0.70152 0 0 1 0.89092 0.90495 7.1274 7.1274 0 0 1-1.6415 2.5465 7.2116 7.2116 0 0 1-5.1211 2.1045z" fill="#fff" stroke-width=".016442" p-id="2176"/>
+</svg>
diff --git a/images/light/do-not-disturb.svg b/images/light/do-not-disturb.svg
new file mode 100644
index 0000000..fb76ff0
--- /dev/null
+++ b/images/light/do-not-disturb.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Highlight { color:#5294e2; }</style>
+ </defs>
+ <path d="m8.1957 15h-0.070148a7.2326 7.2326 0 0 1-5.1491-2.2098 7.3379 7.3379 0 0 1-0.18239-9.8212 7.1064 7.1064 0 0 1 2.8061-1.9222 0.70152 0.70152 0 0 1 0.74361 0.15433 0.70152 0.70152 0 0 1 0.16836 0.70152 5.8927 5.8927 0 0 0 1.3609 6.1804 5.9418 5.9418 0 0 0 6.1944 1.3609 0.70152 0.70152 0 0 1 0.89092 0.90495 7.1274 7.1274 0 0 1-1.6415 2.5465 7.2116 7.2116 0 0 1-5.1211 2.1045z" fill="#363636" stroke-width=".016442" p-id="2176"/>
+</svg>
diff --git a/qml.qrc b/qml.qrc
index e21fa54..d8b02bf 100644
--- a/qml.qrc
+++ b/qml.qrc
@@ -125,5 +125,7 @@
         <file>qml/StandardCard.qml</file>
         <file>images/light/screenshot.svg</file>
         <file>images/dark/screenshot.svg</file>
+        <file>images/light/do-not-disturb.svg</file>
+        <file>images/dark/do-not-disturb.svg</file>
     </qresource>
 </RCC>
diff --git a/qml/ControlCenter.qml b/qml/ControlCenter.qml
index ecb251e..adb9c5f 100644
--- a/qml/ControlCenter.qml
+++ b/qml/ControlCenter.qml
@@ -279,8 +279,8 @@ ControlCenterDialog {
                 CardItem {
                     Layout.fillHeight: true
                     Layout.preferredWidth: cardItems.cellWidth
-                    icon: FishUI.Theme.darkMode || checked ? "qrc:/images/dark/dark-mode.svg"
-                                                           : "qrc:/images/light/dark-mode.svg"
+                    icon: FishUI.Theme.darkMode || checked ? "qrc:/images/dark/do-not-disturb.svg"
+                                                           : "qrc:/images/light/do-not-disturb.svg"
                     checked: notifications.doNotDisturb
                     label: qsTr("Do Not Disturb")
                     onClicked: notifications.doNotDisturb = !notifications.doNotDisturb
diff --git a/translations/en_US.ts b/translations/en_US.ts
index 63e71ad..8a9dd05 100644
--- a/translations/en_US.ts
+++ b/translations/en_US.ts
@@ -12,27 +12,32 @@
 <context>
     <name>ControlCenter</name>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="240"/>
+        <location filename="../qml/ControlCenter.qml" line="244"/>
         <source>Wi-Fi</source>
         <translation type="unfinished"></translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="169"/>
+        <location filename="../qml/ControlCenter.qml" line="173"/>
         <source>Control Center</source>
         <translation type="unfinished"></translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="255"/>
+        <location filename="../qml/ControlCenter.qml" line="259"/>
         <source>Bluetooth</source>
         <translation type="unfinished"></translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="271"/>
+        <location filename="../qml/ControlCenter.qml" line="275"/>
         <source>Dark Mode</source>
         <translation type="unfinished"></translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="281"/>
+        <location filename="../qml/ControlCenter.qml" line="285"/>
+        <source>Do Not Disturb</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../qml/ControlCenter.qml" line="295"/>
         <source>Screenshot</source>
         <translation type="unfinished"></translation>
     </message>
diff --git a/translations/zh_CN.ts b/translations/zh_CN.ts
index 1227551..071d4b1 100644
--- a/translations/zh_CN.ts
+++ b/translations/zh_CN.ts
@@ -12,27 +12,32 @@
 <context>
     <name>ControlCenter</name>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="240"/>
+        <location filename="../qml/ControlCenter.qml" line="244"/>
         <source>Wi-Fi</source>
         <translation>无线网络</translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="169"/>
+        <location filename="../qml/ControlCenter.qml" line="173"/>
         <source>Control Center</source>
         <translation>控制中心</translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="255"/>
+        <location filename="../qml/ControlCenter.qml" line="259"/>
         <source>Bluetooth</source>
         <translation>蓝牙</translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="271"/>
+        <location filename="../qml/ControlCenter.qml" line="275"/>
         <source>Dark Mode</source>
         <translation>深色模式</translation>
     </message>
     <message>
-        <location filename="../qml/ControlCenter.qml" line="281"/>
+        <location filename="../qml/ControlCenter.qml" line="285"/>
+        <source>Do Not Disturb</source>
+        <translation>勿扰模式</translation>
+    </message>
+    <message>
+        <location filename="../qml/ControlCenter.qml" line="295"/>
         <source>Screenshot</source>
         <translation>截图</translation>
     </message>