diff --git a/frontend/app/components/ui/SVG.tsx b/frontend/app/components/ui/SVG.tsx
index 2aa5dcd92..5cfd4ebb9 100644
--- a/frontend/app/components/ui/SVG.tsx
+++ b/frontend/app/components/ui/SVG.tsx
@@ -25,7 +25,7 @@ const SVG = (props: Props) => {
case 'arrow-square-left': return ;
case 'arrow-square-right': return ;
case 'arrow-up': return ;
- case 'arrows-angle-extend': return ;
+ case 'arrows-angle-extend': return ;
case 'avatar/icn_bear': return ;
case 'avatar/icn_beaver': return ;
case 'avatar/icn_bird': return ;
@@ -122,7 +122,7 @@ const SVG = (props: Props) => {
case 'copy': return ;
case 'credit-card-front': return ;
case 'cubes': return ;
- case 'dashboard-icn': return ;
+ case 'dashboard-icn': return ;
case 'desktop': return ;
case 'device': return ;
case 'diagram-3': return ;
@@ -162,35 +162,35 @@ const SVG = (props: Props) => {
case 'filters/code': return ;
case 'filters/console': return ;
case 'filters/country': return ;
- case 'filters/cpu-load': return ;
+ case 'filters/cpu-load': return ;
case 'filters/custom': return ;
case 'filters/device': return ;
- case 'filters/dom-complete': return ;
+ case 'filters/dom-complete': return ;
case 'filters/duration': return ;
case 'filters/error': return ;
- case 'filters/fetch-failed': return ;
+ case 'filters/fetch-failed': return ;
case 'filters/fetch': return ;
case 'filters/file-code': return ;
case 'filters/graphql': return ;
case 'filters/i-cursor': return ;
case 'filters/input': return ;
- case 'filters/lcpt': return ;
+ case 'filters/lcpt': return ;
case 'filters/link': return ;
case 'filters/location': return ;
- case 'filters/memory-load': return ;
+ case 'filters/memory-load': return ;
case 'filters/metadata': return ;
case 'filters/os': return ;
- case 'filters/perfromance-network-request': return ;
+ case 'filters/perfromance-network-request': return ;
case 'filters/platform': return ;
case 'filters/referrer': return ;
case 'filters/resize': return ;
case 'filters/rev-id': return ;
case 'filters/state-action': return ;
- case 'filters/ttfb': return ;
+ case 'filters/ttfb': return ;
case 'filters/user-alt': return ;
case 'filters/userid': return ;
case 'filters/view': return ;
- case 'flag-na': return ;
+ case 'flag-na': return ;
case 'fullscreen': return ;
case 'funnel/cpu-fill': return ;
case 'funnel/cpu': return ;
@@ -239,7 +239,7 @@ const SVG = (props: Props) => {
case 'integrations/bugsnag': return ;
case 'integrations/cloudwatch-text': return ;
case 'integrations/cloudwatch': return ;
- case 'integrations/datadog': return ;
+ case 'integrations/datadog': return ;
case 'integrations/elasticsearch-text': return ;
case 'integrations/elasticsearch': return ;
case 'integrations/github': return ;
@@ -281,7 +281,7 @@ const SVG = (props: Props) => {
case 'mobile': return ;
case 'mouse-alt': return ;
case 'next1': return ;
- case 'no-metrics-chart': return ;
+ case 'no-metrics-chart': return ;
case 'os/android': return ;
case 'os/chrome_os': return ;
case 'os/fedora': return ;
@@ -294,8 +294,8 @@ const SVG = (props: Props) => {
case 'os': return ;
case 'pause-fill': return ;
case 'pause': return ;
- case 'pdf-download': return ;
- case 'pencil-stop': return ;
+ case 'pdf-download': return ;
+ case 'pencil-stop': return ;
case 'pencil': return ;
case 'percent': return ;
case 'person-fill': return ;
@@ -306,7 +306,7 @@ const SVG = (props: Props) => {
case 'play-circle': return ;
case 'play-fill-new': return ;
case 'play-fill': return ;
- case 'play-hover': return ;
+ case 'play-hover': return ;
case 'play': return ;
case 'plus-circle': return ;
case 'plus': return ;
diff --git a/frontend/scripts/icons.ts b/frontend/scripts/icons.ts
index 46775ad38..ac7037e7c 100644
--- a/frontend/scripts/icons.ts
+++ b/frontend/scripts/icons.ts
@@ -86,6 +86,8 @@ ${icons.map(icon => {
const { data } = optimize(svg, plugins(canOptimize));
return ` case '${icon.slice(0, -4)}': return ${data.replace(/xlink\:href/g, 'xlinkHref')
.replace(/xmlns\:xlink/g, 'xmlnsXlink')
+ .replace(/clip-path/g, 'clipPath')
+ .replace(/clip-rule/g, 'clipRule')
.replace(/xml:space="preserve"/g, '')};`
}).join('\n')}
default: