Title: SVG Editor: Upload &amp; Change Colors
Author: Digages
Published: <strong>11 April 2025</strong>
Last modified: 27 Juli 2026

---

Cari plugin

![](https://ps.w.org/svg-editor/assets/banner-772x250.png?rev=3271279)

![](https://ps.w.org/svg-editor/assets/icon-256x256.png?rev=3271279)

# SVG Editor: Upload & Change Colors

 Oleh [Digages](https://profiles.wordpress.org/digages/)

[Unduh](https://downloads.wordpress.org/plugin/svg-editor.1.1.zip)

 * [Detail](https://id.wordpress.org/plugins/svg-editor/#description)
 * [Ulasan](https://id.wordpress.org/plugins/svg-editor/#reviews)
 *  [Instalasi](https://id.wordpress.org/plugins/svg-editor/#installation)
 * [Pengembangan](https://id.wordpress.org/plugins/svg-editor/#developers)

 [Bantuan](https://wordpress.org/support/plugin/svg-editor/)

## Deskripsi

SVG Editor adds native support for uploading and editing SVG (Scalable Vector Graphics)
directly within your WordPress Media Library. Easily change the colors of your favorite
icons, images, and vector assets without needing any external design software.

Whether you’re a web designer, developer, or content creator, SVG Editor is here
to simplify your workflow and save you time.

**Features:**

 * **Enable SVG Uploads**: Allows you to safely upload SVG files to your WordPress
   site.
 * **View SVGs in Media Library**: Preview your SVG files directly within the WordPress
   Media Library.
 * **Native WordPress Integration**: Works seamlessly within the WordPress Media
   Library.
 * **Simple Color Editing**: Change SVG colors with our intuitive interface.
 * **Sanitized SVGs**: Automatically cleans SVG code to prevent security risks and
   ensure safe usage.
 * **Preserves SVG Integrity**: Maintains the scalability and quality of your vector
   graphics.
 * **Mobile Responsive**: Easily edit SVG on the go.

**About Digages:**

SVG Editor is a free and open-source plugin developed and maintained by [Digages](https://digages.com/).
We’re committed to creating tools that make WordPress more powerful and easier to
use.

[Donate Now](https://digages.com/donate/) | [Visit Website](https://digages.com/)

**What’s Next?:**

If you like this plugin, then consider checking out our other plugins:

 * [Direct Payments for WooCommerce – Bank Transfer, Mobile Money, Crypto and Peer-to-Peer (P2P) Payments](https://wordpress.org/plugins/direct-payments-for-woocommerce/)
 * [Direct Payments WP – Receive Payments with Forms](https://wordpress.org/plugins/direct-payments-wp/)
 * [Direct Invoices – Invoicing & Payment Requests for WordPress](https://wordpress.org/plugins/digages-direct-invoices/)
 * [Engraver for WooCommerce – Personalize and Customize WooCommerce Products](https://wordpress.org/plugins/digages-engraver/)
 * [APL – Auto-Pickup Locations for WooCommerce](https://wordpress.org/plugins/auto-pickup-locations-for-woocommerce/)
 * [Digages Role Manager – User Roles & Permissions](https://wordpress.org/plugins/digages-role-manager/)
 * [SVG Editor: Upload & Change Colors](https://wordpress.org/plugins/svg-editor/)
 * [Digages Website Monitor](https://wordpress.org/plugins/digages-website-monitor/)
 * [Digages Restock Alert](https://wordpress.org/plugins/digages-restock-alert/)

### External API Notice

This plugin optionally connects to an external API to fetch additional plugin listings.
The core functionality of the plugin is fully independent and remains unaffected
if the API is not used.

We value user privacy and ensure that no personal or sensitive data is sent to the
external API.

## Tangkapan Layar

[⌊SVG Editor main interface⌉⌊SVG Editor main interface⌉[

SVG Editor main interface

[⌊Editing an icon in SVG Editor⌉⌊Editing an icon in SVG Editor⌉[

Editing an icon in SVG Editor

[⌊Customizing the WooCommerce logo⌉⌊Customizing the WooCommerce logo⌉[

Customizing the WooCommerce logo

[⌊Customizing the Digages logo⌉⌊Customizing the Digages logo⌉[

Customizing the Digages logo

[⌊Integration with the Native Media Library⌉⌊Integration with the Native Media Library⌉[

Integration with the Native Media Library

## Instalasi

 Using The WordPress Dashboard:

 * Go to **WordPress Admin > Plugins > Add New Plugin** from the left-hand menu.
 * In the search box, type **SVG Editor**.
 * Click on **Install Now** when you see the SVG Editor plugin by Digages.
 * After installation, click **Activate**.

 Manual Installation:

 * Go to **WordPress Admin > Plugins > Add New Plugin** from the left-hand menu.
 * Click the **Upload Plugin** button.
 * Choose `svg-editor.zip` from your computer and click **Install Now**.
 * After installation, click **Activate**.

## Tanya Jawab

### How does it work?

After installation and activation, simply navigate to **WordPress Admin > Media 
> SVG Editor**. There, you can either select from your existing media library or
upload new SVG files to open the editor interface.

Using our intuitive color picker, you can change colors and preview your modifications
in real-time. Once you’re satisfied with your customized SVG, click “Save Changes”
and use it anywhere on your WordPress site.

### Does SVG Editor integrate directly with WordPress?

Yes! SVG Editor seamlessly integrates with WordPress. Once activated, you’ll see
an “Edit SVG” button appear on all compatible SVG files in your media library.

### Can I disable the external API requests?

Yes, the external API requests are optional and do not affect core functionality.

## Ulasan

![](https://secure.gravatar.com/avatar/fbce2d2c72ae487ddf28180c3d80dd6177ebf66f9b7ca3a2ab2c8bb517b29a50?
s=60&d=retro&r=g)

### 󠀁[Amazing](https://wordpress.org/support/topic/amazing-4117/)󠁿

 [chukwuyem](https://profiles.wordpress.org/chukwuyem/) 15 April 2025

this plugin is the best, increases my productivity.

![](https://secure.gravatar.com/avatar/3ed7faa6458f90d261eb94b6b1302e93a8093cf87aa444e9f950c7bd23dd0e96?
s=60&d=retro&r=g)

### 󠀁[Smooth](https://wordpress.org/support/topic/smooth-86/)󠁿

 [frayzes](https://profiles.wordpress.org/frayzes/) 15 April 2025

sped up my workflow. What would have taken me hours to do, with this plugin, I did
it in seconds

![](https://secure.gravatar.com/avatar/7c4a1ee981acac6e1dde4f15226eda52c97fb26c2d8f31286b1ae74b3ea47b1f?
s=60&d=retro&r=g)

### 󠀁[First of its kind](https://wordpress.org/support/topic/first-of-its-kind-2/)󠁿

 [olamilekan09](https://profiles.wordpress.org/olamilekan09/) 12 April 2025

This is super amazing! now able to edit SVG files directly on wordpress.

 [ Baca semua 3 ulasan ](https://wordpress.org/support/plugin/svg-editor/reviews/)

## Kontributor & Pengembang

“SVG Editor: Upload & Change Colors” adalah perangkat lunak open source. Berikut
ini mereka yang sudah berkontribusi pada plugin ini.

Kontributor

 *   [ Digages ](https://profiles.wordpress.org/digages/)
 *   [ Timileyin Olabajo ](https://profiles.wordpress.org/timleyi/)

“SVG Editor: Upload & Change Colors” telah diterjemahkan dalam 1 bahasa. Terima 
kasih kepada [para penerjemah](https://translate.wordpress.org/projects/wp-plugins/svg-editor/contributors)
untuk kontribusi-nya.

[Terjemahkan “SVG Editor: Upload & Change Colors” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/svg-editor)

### Tertarik mengembangkan?

[Lihat kode](https://plugins.trac.wordpress.org/browser/svg-editor/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/svg-editor/),
atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/svg-editor/)
melalui [RSS](https://plugins.trac.wordpress.org/log/svg-editor/?limit=100&mode=stop_on_copy&format=rss).

## Log Perubahan

#### 1.1

 * Allows upload of svg files without using extra plugins

## Meta

 *  Versi **1.1**
 *  Diperbarui **4 minggu yang lalu**
 *  Instalasi Aktif **100+**
 *  Versi WordPress ** 5.0 atau yang terbaru **
 *  Diuji hingga **7.0.4**
 *  Versi PHP ** 7.0 atau yang terbaru **
 *  Bahasa
 * [English (US)](https://wordpress.org/plugins/svg-editor/) dan [Russian](https://ru.wordpress.org/plugins/svg-editor/).
 *  [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/svg-editor)
 * Tag
 * [editor](https://id.wordpress.org/plugins/tags/editor/)[media](https://id.wordpress.org/plugins/tags/media/)
   [mime](https://id.wordpress.org/plugins/tags/mime/)[SVG](https://id.wordpress.org/plugins/tags/svg/)
   [Vector](https://id.wordpress.org/plugins/tags/vector/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/svg-editor/advanced/)

## Rating

 5 dari 5 bintang.

 *  [  3 ulasan 5-bintang     ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=5)
 *  [  0 ulasan 4-bintang     ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=4)
 *  [  0 ulasan 3-bintang     ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=3)
 *  [  0 ulasan 2-bintang     ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=2)
 *  [  0 ulasan 1-bintang     ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/svg-editor/reviews/#new-post)

[Lihat semua ulasan](https://wordpress.org/support/plugin/svg-editor/reviews/)

## Kontributor

 *   [ Digages ](https://profiles.wordpress.org/digages/)
 *   [ Timileyin Olabajo ](https://profiles.wordpress.org/timleyi/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

 [Lihat forum bantuan](https://wordpress.org/support/plugin/svg-editor/)