https://github.com/aykutkardas/svg-quick-editor

SVG Quick Editor is a free and open-source SVG editing tool. It offers features such as editing SVG colors, viewing or deleting their paths.
https://github.com/aykutkardas/svg-quick-editor

design icon javascript parse reactjs svg tool ucbuyucuturnuvasi

Last synced: about 1 month ago
JSON representation

SVG Quick Editor is a free and open-source SVG editing tool. It offers features such as editing SVG colors, viewing or deleting their paths.

• Host: GitHub
• URL: https://github.com/aykutkardas/svg-quick-editor
• Owner: aykutkardas
• License: mit
• Created: 2021-12-10T19:09:20.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-17T07:13:09.000Z (over 3 years ago)
• Last Synced: 2025-02-27T23:57:17.494Z (about 2 months ago)
• Topics: design, icon, javascript, parse, reactjs, svg, tool, ucbuyucuturnuvasi
• Language: JavaScript
• Homepage: https://svg-quick-editor.surge.sh/
• Size: 3.3 MB
• Stars: 113
• Watchers: 4
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SVG Quick Editor

[![Build Status](https://github.com/aykutkardas/svg-quick-editor/workflows/build/badge.svg?color=%25234fc921)](https://github.com/aykutkardas/svg-quick-editor/actions)

[![License](https://img.shields.io/badge/License-MIT-green.svg?color=%234fc921)](https://opensource.org/licenses/MIT)

`SVG Quick Editor` is a free and open-source SVG editing tool. It offers features such as editing

SVG colors, viewing or deleting their paths. Files don't have upload and download times, you don't

wait processing times. Everything happens instantly.

## [Go to **SVG Quick Editor**](https://svg-quick-editor.surge.sh/)

### Preview

![Preview](https://github.com/aykutkardas/svg-quick-editor/raw/main/preview.png)

### Check Video

[![Preview Video](https://github.com/aykutkardas/svg-quick-editor/raw/main/preview-video.png)](https://www.youtube.com/watch?v=Ytx4I2U7zpM)

## Shortcuts

- Add Files: `CTRL+O` | `CMD+O`

- Save File: `CTRL+S` | `CMD+S`

- Close File: `ALT+Q` | `OPTION+Q`

- Import JSON: `CTRL+I` | `CMD+I`

- Export JSON: `CTRL+E` | `CMD+E`

- Close Picker: `ESC`

## Development

Pull requests are encouraged and always welcome.

[Pick an issue](https://github.com/aykutkardas/svg-quick-editor/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)

and help us out!

To install and work on `SVG Quick Editor` locally:

```bash

git clone https://github.com/aykutkardas/svg-quick-editor.git

cd svg-quick-editor

yarn

```

> Do not use NPM to install the dependencies, as the specific package versions in `yarn.lock` are

> used to build and test SVG Quick Editor.

You are now ready to develop and watch changes. Running this command will start the project and you

can view it at `http://localhost:3000/`

```bash

yarn start

```

### Running Tests

```bash

yarn test

```

## License

[MIT](https://github.com/aykutkardas/svg-quick-editor/blob/main/LICENSE)