diff --git a/app/assets/javascripts/ci/pipeline_schedules/components/pipeline_schedules_empty_state.vue b/app/assets/javascripts/ci/pipeline_schedules/components/pipeline_schedules_empty_state.vue
index 39ac55bb9c558478555562b7ec78d8dadb600b04..ab249dc61d1a0e77684c149c1e77e1d8c72d5333 100644
--- a/app/assets/javascripts/ci/pipeline_schedules/components/pipeline_schedules_empty_state.vue
+++ b/app/assets/javascripts/ci/pipeline_schedules/components/pipeline_schedules_empty_state.vue
@@ -1,5 +1,5 @@
 <script>
-import scheduleSvg from '@gitlab/svgs/dist/illustrations/schedule-md.svg?raw';
+import SCHEDULE_MD_SVG_URL from '@gitlab/svgs/dist/illustrations/schedule-md.svg?url';
 import { GlEmptyState, GlLink, GlSprintf } from '@gitlab/ui';
 import { helpPagePath } from '~/helpers/help_page_helper';
 import { s__ } from '~/locale';
@@ -20,15 +20,13 @@ export default {
     ],
     createNew: s__('PipelineSchedules|Create a new pipeline schedule'),
   },
+  SCHEDULE_MD_SVG_URL,
   components: {
     GlEmptyState,
     GlLink,
     GlSprintf,
   },
   computed: {
-    scheduleSvgPath() {
-      return `data:image/svg+xml;utf8,${encodeURIComponent(scheduleSvg)}`;
-    },
     schedulesHelpPath() {
       return helpPagePath('ci/pipelines/schedules');
     },
@@ -37,7 +35,7 @@ export default {
 </script>
 <template>
   <gl-empty-state
-    :svg-path="scheduleSvgPath"
+    :svg-path="$options.SCHEDULE_MD_SVG_URL"
     :primary-button-text="$options.i18n.createNew"
     primary-button-link="#"
   >