What is an SVG File?
A Scalable Vector Graphics (SVG) file is a type of image file that is used for presenting vector graphics. Unlike other image file formats such as PNG and JPG, SVG files are created using mathematical equations and geometric shapes, rather than pixels. This allows them to be scaled to any size without losing quality.
How to Add the SVG Logo to your Header?
STEP 1
Access your Shopify Admin's Theme Library to open the theme customizer.
STEP 2
Scroll to the header group, and click Header.
Navigate to Logo > Default.
Click Select Image.
Repeat the following steps for the inverted logo and mobile.
STEP 3
Click Save to apply the changes.
How to Add the SVG Logo to Your Custom Cart Icon?
STEP 1
On your header settings, click Theme settings.
STEP 2
Scroll down to the Custom cart icon. Click on Select Image to upload your SVG logo.
STEP 3
Click Save to apply the changes.