This repository relies on CircleCI v1.0 which will be shut down on Aug 31st.

Hi guys
I used this module inside polaris package. But can't find anyway to use custom svg file instead use default limited icon provided in this package
How i can fix it

Problem

Given the SVG file:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="224" height="224" viewBox="0 0 224 224">
...

When SVGO optimizes the file and removing dimensions, viewBox is being removed alongside with width and height which result into the icon-loader.js error:

Error: icon.svg
Module build failed: TypeError: Cannot read property '1' of null
    at Object.shopifyIconLoader (~/node_modules/@shopify/images/icon-loader.js:14:50)

Optimized file looks like:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

Solution

Add {removeViewBox: false} to the optimize.js to prevent viewBox from being removed.

Classification Check

TL;DR

1st party software must have a business impact classification. See our list of classification to help you determine the classification of your application.

Why is this being asked?

It's critical that we understand the business impact of the software we write. The classification of your service determines the level of support you must provide as owners and helps us set standards.

What will happen if it doesn't get done within the expected timeframe?

This is mandatory. If this is not done you won't be able to have any runtimes.

When does it need to get done?

At the latest, this should be done before 2021-07-22.

This doesn't apply to my service. What do I do?

First, leave a comment explaining why it doesn't apply. Then, leave another comment as /not_applicable, and close the issue.
If you change your mind, make sure to comment any reason and reopen the issue.

I have questions/concerns about this

Please contact the Production Excellence team using Slack at #production-excellence-team.
Your service: images/production
Owners: