A Scalable Vector Graphics (SVG) file is produced for presenting vector graphics. It has more superior quality than PNG and JPG files. This file is recommended for responsive web design.

Svg File Icons - Download Free Vector Icons | Noun Project

STEP 1. In your Shopify Admin, select Online Store.

STEP 2. On the right portion of the page, click on Actions drop-down list.

STEP 3. Select Edit Code.

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

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

STEP 6. Tap Upload asset.

Once uploaded, you will see a notification message at the bottom of the screen.

The selected file will be added to the Assets folder.

STEP 7. Go back to Themes in your Shopify Admin. Hover over to your selected theme and tap Customize.

STEP 8. Select Theme Settings.

STEP 9. Tap 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.

Tap Save to apply changes.

Did this answer your question?