diff --git a/web-src/src/components/ControlMainVolume.vue b/web-src/src/components/ControlMainVolume.vue
index b70d171c..54fe26e9 100644
--- a/web-src/src/components/ControlMainVolume.vue
+++ b/web-src/src/components/ControlMainVolume.vue
@@ -9,7 +9,6 @@
       <div class="is-size-7 is-uppercase" v-text="$t('navigation.volume')" />
       <control-slider
         v-model:value="player.volume"
-        :cursor="cursor"
         :max="100"
         @change="changeVolume"
       />
@@ -19,7 +18,6 @@
 
 <script>
 import ControlSlider from '@/components/ControlSlider.vue'
-import { mdiCancel } from '@mdi/js'
 import { usePlayerStore } from '@/stores/player'
 import webapi from '@/webapi'
 
@@ -33,7 +31,6 @@ export default {
   },
   data() {
     return {
-      cursor: mdiCancel,
       old_volume: 0
     }
   },
diff --git a/web-src/src/components/ControlOutputVolume.vue b/web-src/src/components/ControlOutputVolume.vue
index 6c528ea6..c29ba6ad 100644
--- a/web-src/src/components/ControlOutputVolume.vue
+++ b/web-src/src/components/ControlOutputVolume.vue
@@ -19,7 +19,6 @@
         v-model:value="volume"
         :disabled="!output.selected"
         :max="100"
-        :cursor="cursor"
         @change="changeVolume"
       />
     </div>
@@ -28,7 +27,6 @@
 
 <script>
 import ControlSlider from '@/components/ControlSlider.vue'
-import { mdiCancel } from '@mdi/js'
 import webapi from '@/webapi'
 
 export default {
@@ -40,7 +38,6 @@ export default {
 
   data() {
     return {
-      cursor: mdiCancel,
       volume: this.output.selected ? this.output.volume : 0
     }
   },
diff --git a/web-src/src/components/ControlSlider.vue b/web-src/src/components/ControlSlider.vue
index feb9100a..97a2daf3 100644
--- a/web-src/src/components/ControlSlider.vue
+++ b/web-src/src/components/ControlSlider.vue
@@ -8,7 +8,6 @@
     type="range"
     :style="{
       '--ratio': ratio,
-      '--cursor': $filters.cursor(cursor)
     }"
     @input="$emit('update:value', $event.target.valueAsNumber)"
   />
@@ -18,7 +17,6 @@
 export default {
   name: 'ControlSlider',
   props: {
-    cursor: { default: '', type: String },
     disabled: Boolean,
     max: { required: true, type: Number },
     value: { required: true, type: Number }
@@ -125,7 +123,7 @@ input[type='range'].slider {
     @include track;
   }
   &.is-inactive {
-    cursor: var(--cursor, not-allowed);
+    cursor: not-allowed;
     &::-webkit-slider-thumb {
       @include thumb-inactive;
     }
diff --git a/web-src/src/components/ControlStreamVolume.vue b/web-src/src/components/ControlStreamVolume.vue
index e6a40a89..c86ff67d 100644
--- a/web-src/src/components/ControlStreamVolume.vue
+++ b/web-src/src/components/ControlStreamVolume.vue
@@ -33,7 +33,6 @@
 <script>
 import ControlSlider from '@/components/ControlSlider.vue'
 import audio from '@/lib/Audio'
-import { mdiCancel } from '@mdi/js'
 
 export default {
   name: 'ControlStreamVolume',
@@ -41,7 +40,6 @@ export default {
   emits: ['change', 'mute'],
   data() {
     return {
-      cursor: mdiCancel,
       loading: false,
       playing: false,
       volume: 10
diff --git a/web-src/src/filter/index.js b/web-src/src/filter/index.js
index de8e22b4..2df108b6 100644
--- a/web-src/src/filter/index.js
+++ b/web-src/src/filter/index.js
@@ -16,11 +16,6 @@ export const filters = {
     }
     return t('filter.channels', { value })
   },
-  cursor(path, size = 20) {
-    const viewbox = 24
-    const center = size / 2
-    return `url("data:image/svg+xml,%3Csvg width='${size}' height='${size}' viewBox='0 0 ${viewbox} ${viewbox}' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='${path}'/%3E%3C/svg%3E") ${center} ${center}, auto`
-  },
   date(value) {
     return DateTime.fromISO(value)
       .setLocale(locale.value)
diff --git a/web-src/src/icons.js b/web-src/src/icons.js
index b289f862..7222c509 100644
--- a/web-src/src/icons.js
+++ b/web-src/src/icons.js
@@ -6,7 +6,6 @@ import {
   mdiBookOpenVariant,
   mdiBookshelf,
   mdiBroadcast,
-  mdiCancel,
   mdiCast,
   mdiCastVariant,
   mdiCellphone,
@@ -72,7 +71,6 @@ export const icons = {
   mdiBookOpenVariant,
   mdiBookshelf,
   mdiBroadcast,
-  mdiCancel,
   mdiCast,
   mdiCastVariant,
   mdiCellphone,
diff --git a/web-src/src/pages/PageNowPlaying.vue b/web-src/src/pages/PageNowPlaying.vue
index 0c56d2d8..71f57abc 100644
--- a/web-src/src/pages/PageNowPlaying.vue
+++ b/web-src/src/pages/PageNowPlaying.vue
@@ -17,7 +17,6 @@
             class="mt-5"
             :disabled="is_live"
             :max="track_progress_max"
-            :cursor="cursor"
             @change="seek"
             @mousedown="start_dragging"
             @mouseup="end_dragging"
@@ -59,7 +58,6 @@ import ControlSlider from '@/components/ControlSlider.vue'
 import CoverArtwork from '@/components/CoverArtwork.vue'
 import LyricsPane from '@/components/LyricsPane.vue'
 import ModalDialogQueueItem from '@/components/ModalDialogQueueItem.vue'
-import { mdiCancel } from '@mdi/js'
 import { useLyricsStore } from '@/stores/lyrics'
 import { usePlayerStore } from '@/stores/player'
 import { useQueueStore } from '@/stores/queue'
@@ -89,7 +87,6 @@ export default {
   data() {
     return {
       INTERVAL,
-      cursor: mdiCancel,
       interval_id: 0,
       is_dragged: false,
       selected_item: {},