diff --git a/superset-frontend/images/chart-card-fallback.png b/superset-frontend/images/chart-card-fallback.png
deleted file mode 100644
index aa34d4f01..000000000
Binary files a/superset-frontend/images/chart-card-fallback.png and /dev/null differ
diff --git a/superset-frontend/images/chart-card-fallback.svg b/superset-frontend/images/chart-card-fallback.svg
new file mode 100644
index 000000000..7c3486ff7
--- /dev/null
+++ b/superset-frontend/images/chart-card-fallback.svg
@@ -0,0 +1,27 @@
+
+
diff --git a/superset-frontend/images/dashboard-card-fallback.png b/superset-frontend/images/dashboard-card-fallback.png
deleted file mode 100644
index 1b4e968a0..000000000
Binary files a/superset-frontend/images/dashboard-card-fallback.png and /dev/null differ
diff --git a/superset-frontend/images/dashboard-card-fallback.svg b/superset-frontend/images/dashboard-card-fallback.svg
new file mode 100644
index 000000000..eaf2d5c68
--- /dev/null
+++ b/superset-frontend/images/dashboard-card-fallback.svg
@@ -0,0 +1,22 @@
+
+
diff --git a/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx b/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx
index 2af54957b..6daf43d5f 100644
--- a/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx
+++ b/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx
@@ -19,8 +19,8 @@
import React from 'react';
import { action } from '@storybook/addon-actions';
import { withKnobs, boolean, select, text } from '@storybook/addon-knobs';
-import DashboardImg from 'images/dashboard-card-fallback.png';
-import ChartImg from 'images/chart-card-fallback.png';
+import DashboardImg from 'images/dashboard-card-fallback.svg';
+import ChartImg from 'images/chart-card-fallback.svg';
import { Dropdown, Menu } from 'src/common/components';
import Icon from 'src/components/Icon';
import FaveStar from 'src/components/FaveStar';
diff --git a/superset-frontend/src/views/CRUD/chart/ChartCard.tsx b/superset-frontend/src/views/CRUD/chart/ChartCard.tsx
index 34a91c140..8df4f02b8 100644
--- a/superset-frontend/src/views/CRUD/chart/ChartCard.tsx
+++ b/superset-frontend/src/views/CRUD/chart/ChartCard.tsx
@@ -133,7 +133,7 @@ export default function ChartCard({
title={chart.slice_name}
url={bulkSelectEnabled ? undefined : chart.url}
imgURL={chart.thumbnail_url || ''}
- imgFallbackURL="/static/assets/images/chart-card-fallback.png"
+ imgFallbackURL="/static/assets/images/chart-card-fallback.svg"
description={t('Last modified %s', chart.changed_on_delta_humanized)}
coverLeft={}
coverRight={
diff --git a/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx b/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx
index e45d7fa6b..2550dc6eb 100644
--- a/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx
+++ b/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx
@@ -139,7 +139,7 @@ function DashboardCard({
}
url={bulkSelectEnabled ? undefined : dashboard.url}
imgURL={dashboard.thumbnail_url}
- imgFallbackURL="/static/assets/images/dashboard-card-fallback.png"
+ imgFallbackURL="/static/assets/images/dashboard-card-fallback.svg"
description={t(
'Last modified %s',
dashboard.changed_on_delta_humanized,