diff --git a/src/images/pages/well/telemetry/monitoring/DempherIcon.svg b/src/images/pages/well/telemetry/monitoring/DempherIcon.svg
new file mode 100644
index 0000000..3dccde8
--- /dev/null
+++ b/src/images/pages/well/telemetry/monitoring/DempherIcon.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/images/pages/well/telemetry/monitoring/DempherOff.png b/src/images/pages/well/telemetry/monitoring/DempherOff.png
deleted file mode 100644
index c179c94..0000000
Binary files a/src/images/pages/well/telemetry/monitoring/DempherOff.png and /dev/null differ
diff --git a/src/images/pages/well/telemetry/monitoring/DempherOn.png b/src/images/pages/well/telemetry/monitoring/DempherOn.png
deleted file mode 100644
index f4d9b4b..0000000
Binary files a/src/images/pages/well/telemetry/monitoring/DempherOn.png and /dev/null differ
diff --git a/src/images/pages/well/telemetry/monitoring/SpinDisabled.png b/src/images/pages/well/telemetry/monitoring/SpinDisabled.png
deleted file mode 100644
index c19ce75..0000000
Binary files a/src/images/pages/well/telemetry/monitoring/SpinDisabled.png and /dev/null differ
diff --git a/src/images/pages/well/telemetry/monitoring/SpinEnabled.png b/src/images/pages/well/telemetry/monitoring/SpinEnabled.png
deleted file mode 100644
index d888ddc..0000000
Binary files a/src/images/pages/well/telemetry/monitoring/SpinEnabled.png and /dev/null differ
diff --git a/src/images/pages/well/telemetry/monitoring/SpinIcon.svg b/src/images/pages/well/telemetry/monitoring/SpinIcon.svg
new file mode 100644
index 0000000..61d93d9
--- /dev/null
+++ b/src/images/pages/well/telemetry/monitoring/SpinIcon.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/pages/Well/Telemetry/TelemetryView/index.jsx b/src/pages/Well/Telemetry/TelemetryView/index.jsx
index a0f3aca..27d7a75 100644
--- a/src/pages/Well/Telemetry/TelemetryView/index.jsx
+++ b/src/pages/Well/Telemetry/TelemetryView/index.jsx
@@ -27,10 +27,8 @@ import WirelineRunOut from './WirelineRunOut'
import { Setpoints } from './Setpoints'
import { cursorRender } from './cursorRender'
-import MomentStabPicEnabled from '@images/pages/well/telemetry/monitoring/DempherOn.png'
-import MomentStabPicDisabled from '@images/pages/well/telemetry/monitoring/DempherOff.png'
-import SpinPicEnabled from '@images/pages/well/telemetry/monitoring/SpinEnabled.png'
-import SpinPicDisabled from '@images/pages/well/telemetry/monitoring/SpinDisabled.png'
+import { ReactComponent as DempherIcon } from '@images/pages/well/telemetry/monitoring/DempherIcon.svg'
+import { ReactComponent as SpinIcon } from '@images/pages/well/telemetry/monitoring/SpinIcon.svg'
import '@styles/pages/telemetry_view.less'
import '@styles/pages/message.less'
@@ -280,9 +278,9 @@ const TelemetryView = memo(() => {