outline
1. Color
Original icon colors are kept until you pick a new color.
2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets
Included in SVG export
Edit SVG Icon
Source, author, and license are available in the preview and icon details. Edit - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color.
edit.svg (494 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg id="i-edit" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Edit icon"><title>Edit - Bytesize Icons icon</title><desc>Free Edit vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 277 bytes.</desc>
<path d="M30 7 L25 2 5 22 3 29 10 27 Z M21 6 L26 11 Z M5 22 L10 27 Z" />
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Edit
Generate a precise engineering prompt, or improve the icon on the canvas right now. Edit
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#edit
#bytesize
#interface
#outline
Edit - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Edit
| Canonical asset identifier | bytesize/edit |
|---|---|
| Source library pack | Bytesize Icons |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 494 bytes (~272 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| Supported export targets | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Security and privacy guarantee | No Sign-Up Required | 100% Browser-Based Processing |
How to Use and Customize This Icon: Edit
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (77,087)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages.
edit.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Edit")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browseoutline
Edit
MingCute Icons|interfacesolid
Edit
MingCute Icons Fill|interfaceoutline
Edit
IconPark|interfaceoutline
Devdotto
SVG Icons Collection|interfaceoutline
Docker
SVG Icons Collection|interfaceduotone
Location Ripple
Fluent UI Color|interface
Cloud
Heroicons|interface
Basket
MingCute Icons|interface
Arithmetic Buttons
IconPark|interface
Thunderbolt
Ant Design TwoTone|interface
Avocado
Phosphor Icons|interface
Bowl Chopsticks
Tabler Icons|interface
Flickr
SVG Icons Collection|interface
Agriculture Irrigation
Domain Icons|interface
Agriculture Irrigation
Domain Icons|interface
Anim Scroll Snap
Mouse|interface
Blocks
Lucide|interface
Bolt
Lucide|interface
H3
Heroicons|interface
Face Sleepy
Mouse|interface
In Pocket
Mouse|interface
Action Lightbulb
Material Icons|interface
Action Model Training
Material Icons|interface
Big Clock
IconPark|interfaceExplore more
Frequently Asked Questions
Edit - Frequently Asked Questions
What licence covers Edit? +
Edit comes from Bytesize Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Edit? +
Edit is a outline-style vector (viewBox 0 0 32 32). Download SVG, PNG, WebP or ICO, or copy React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask or Base64 code from this page.
Where does the Edit icon come from? +
Edit is part of the Bytesize Icons library by Dan Klammer, in the User Interface (UI/UX) category. The full licence text is in the library notice file linked on this page.
100% Browser-Based Processing | 77,087 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.