How to Edit SVG Colors on your WordPress Website

SVG files are popular for websites due to their scalability and lightweight nature. However, WordPress doesn’t support direct SVG editing by default.  That’s why we created the SVG Editor — a WordPress plugin that allows you to modify SVG colors easily.

In this guide, we’ll walk you through the steps to install, activate, and use the SVG Editor plugin to edit SVG colors directly within WordPress.

Step 1: Install and Activate SVG Editor by Digages

• Log in to your WordPress admin dashboard.
• Navigate to Plugins > Add New
• Search for “SVG Editor by Digages”

• Click Install Now, then Activate the plugin
• Accept the opt-in policy when prompted to unlock all features

Step 2: Edit SVG Colors

Once the plugin is activated, you have two options for editing your SVG colors.

Option 1: Using the SVG Editor Menu

• Go to WP Admin > Media Library > SVG Editor

• Upload your SVG file
• The SVG Editor will preview the colors in your file

• Select the colors you want to change and modify them
• Once satisfied, click Save Changes

Option 2: Editing Existing SVGs from Media Library

• Go to WP Admin > Media Library
• Find and click on the SVG file you want to edit
• Click the Edit SVG button

• The SVG Editor will open, allowing you to change colors
• Once satisfied, click Save Changes

Step 3: Use the Updated SVG on Your Website

Once you save the changes, your edited SVG will be updated in the Media Library. You can now use it anywhere on your website, such as in posts, pages, or theme elements.

Other Plugins by Digages:

1. Direct Payments for WooCommerce:

2. Direct Payments WP: