A Scalable Vector Graphics (SVG) file is produced for presenting vector graphics. SVG files are better than PNG and JPG files. This file is recommended for responsive web design.

Svg File Icons - Download Free Vector Icons | Noun Project

How to Upload an SVG file as a Payment Icon

STEP 1

In your Shopify Admin, select Online Store.

In your Shopify Admin, select Online Store.

STEP 2

Click on Actions to reveal the drop-down list.

Click on Actions to reveal the drop-down list.

STEP 3

Click on Edit Code.

Click on Edit Code.

STEP 4

Go to the Assets folder. Tap Add a new asset.

Go to the Assets folder. Tap Add a new asset.

STEP 5

Click on Choose File and select your SVG file to upload.

Click on Choose File and select your SVG file to upload.

STEP 6

Click on Upload asset to add the file.

Click on Upload asset to add the file.

The selected file will be added to the Assets folder.

The selected file will be added to the Assets folder.

STEP 7

Select your Debutify Shopify Theme and click on Customize.

Select your Debutify Shopify Theme and click on Customize.

STEP 8

Select Theme Settings.

Select Theme Settings.

STEP 9

Click on Advanced Settings.

Click on Advanced Settings.

STEP 10

Under the PAYMENT ICONS section, enter the exact name of the SVG file that you have added in the Custom icon field and click Save to apply changes.

Under the PAYMENT ICONS section, enter the exact name of the SVG file that you have added in the Custom icon field and click Save to apply changes.

Related Articles You May Want to See

How to Add Custom Payment Icons in the Debutify Theme?

How to Show Payment Icons in the Footer of the Debutify Theme?

How to Add the Afterpay Banner in the Debutify Theme?

Did this answer your question?