Over 200 add-ons available under a single subscription for $40 per month!
Read More
Submit a request
Logo in SVG, image

Logo in SVG

Allows you to use the logo in SVG format on the site
Please enter a valid addres(es) of the shop where you are going to use the add-on.
By subscription

Request a trial version

Latest module version Updated:
Have questions about the module? Write to us: HelpDesk

Logo in SVG

This add-on is part of our Subscription plan.

Subscribe once — enjoy all add-ons without limits.

The add-on lets you use an SVG logo on the storefront: a vector file or ready SVG code instead of a raster image. The logo stays sharp on screens with any pixel density.

What it is for

The add-on is intended for stores that have a vector logo and want it to look equally crisp on monitors, tablets, and smartphones — without preparing raster versions for every screen resolution.

In addition, the add-on helps turn the site into an installable app: it adds desktop and mobile icons and generates the manifest file.

Key features

  • an SVG logo on the storefront;
  • two ways to add it: upload an SVG file or paste SVG code;
  • configurable logo width and height;
  • a ready-to-use logo block for the block manager;
  • a link from the logo to the home page;
  • desktop and mobile icons: favicon, apple-touch-icon, and others;
  • automatic creation of the site.webmanifest file for the installed icons.

How it works

A logo block template appears in the block manager. The block settings let you choose the logo type — an uploaded SVG file or pasted SVG code — as well as the width, height, and whether the logo should link to the home page. On the storefront the block renders the logo with the configured size, and falls back to the theme logo when no logo is set.

For icons the add-on accepts a ZIP archive, extracts it into the icons directory, and creates the manifest file. On the storefront the add-on builds the icon and manifest tags in the page head from that manifest.

The add-on settings are available in its card under “Add-ons”, and the logo block is added under “Design” → “Block manager”. In the add-on card you set the site name for the icon meta tags, upload the icon archive, and remove the installed icons when needed. In the block settings you choose the SVG type, the logo file or code, the logo dimensions, and whether the logo links to the home page.

Have questions about the add-on?

Write to us.


Product:
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Recipient:
  • Owners
Development
:
  • Frontend
Localization:
  • English
  • Русский
Compatible versions:
  • 4.18.X
  • 4.17.X
  • 4.16.X
  • 4.15.X
  • 4.14.X
  • 4.13.X
  • 4.12.X

Instructions for the “Logo in SVG” add-on

What the add-on does

The add-on shows an SVG logo on the storefront: a vector file or pasted SVG code. It adds a dedicated logo template to the block manager with size and link settings, and also installs desktop and mobile icons and generates the manifest file.

Where to find the add-on

The add-on settings are available under “Add-ons”, in the “Logo in SVG” add-on card. The logo block is added under “Design” → “Block manager”.

Configuring the add-on

  1. Open the “Logo in SVG” add-on card.
  2. Set the Site name — it is used in the icon meta tags.
  3. If needed, upload a ZIP archive with icons in the Upload a ZIP file with icons field. The archive must contain apple-touch-icon.png, favicon-96x96.png, favicon.ico, favicon.svg, web-app-manifest-192x192.png, web-app-manifest-512x512.png.
  4. Save the settings.

Adding the logo block

  1. Go to “Design” → “Block manager”.
  2. Add a new block and select the “MS: Store logo in SVG” template.
  3. Choose the SVG type: “Select SVG file” or “Paste SVG code”.
  4. Upload the file or paste the logo code, then set the Image width and Image height.
  5. Enable Enable link if the logo should link to the home page.
  6. Place the block and save the changes.

Installing icons

Prepare a ZIP archive with icons and upload it in the add-on settings. The add-on extracts the archive into the icons directory and creates the site.webmanifest file automatically. Use the Delete uploaded icons button to remove the installed icons.

How to check the result

  1. Make sure the logo block is added through the block manager and is displayed on the storefront.
  2. Check that the logo dimensions match the configured values.
  3. Check that the icons are installed and the site.webmanifest file exists.
  4. Open the storefront in a browser and make sure the favicon is displayed.

Troubleshooting

  • The logo is not displayed. Check that the block is added in the block manager and that the SVG file is uploaded or the code is pasted correctly. When no logo is set, the theme logo is used.
  • Icons are not installed. Make sure you uploaded a ZIP archive and that it contains all the required files.
  • Wrong logo dimensions. Check the width and height settings of the block.

Changelog

v1.4.1 from 07.10.2026

[*] The add-on has been updated to the current module template.

v1.4.0 from 2026-01-16

[+] Add-on refactoring.

v1.3.1 from 2025-03-20

[!] Fixed errors in the manifest.

v1.3.0 from 2025-03-14

[+] Desktop icon installation.

v1.2.0 from 2024-07-23

[!] Fixed SVG file upload for newer CS-Cart versions that hide this ability through the config file.

v1.1.3 from 2024-07-22

[*] Short PHP tags v1.1.1 from 2023-05-25.

[!] The SVG code editor was replaced with a plain text area.

v1.1.0 from 2023-05-19

[+] Added the ability to upload an SVG image file.

[+] Added the ability to change the size of the uploaded logo.

v1.0.3 from 2023-03-02

[*] Updated language variables.

v1.0.2 from 2022-12-13

[+] Updated licensing files.

v1.0.1 from 2022-12-07

[!] Fixed a minor error.

v1.0.0 from 2022-12-07

[+] First release.

Legend:

[+] Added

[-] Removed

[*] Changed

[!] Bug fixed

Reviews

Here you can share your opinion and evaluate our work.

Your feedback helps us become better and offer you even better service.

Similar add-ons