SVG Editor
The SVG online editor can be used to create and edit vector images, integrating text processing, drawing tools, and page UI layout tools. SVG images can be resized without losing any details
SVG...
⌘O
...
⌘K
...
⌘S
PNG
⌘Z
⌘Y
⌘X
⌘C
⌘V
⌘D
⌫
⌘⇧↑
⌘↑
⌘↓
⌘⇧↓
⌘G
⌘⇧G
Path
path
⇧R
Wireframe
...
⌘U
Canvas
Title
Width
Height
Color
Sizes
Custom
Fit to Content
Twitter Post (1012 × 506)
Twitter Header (1500 × 500)
Facebook Post (1200 × 630)
Facebook Cover (820 × 312)
Instagram Post (1080 × 1080)
Instagram Story (1080 × 1920)
Dribble Shot (400 × 300)
Dribble Shot HD (800 × 600)
LinkedIn Cover (1584 × 396)
16:9 (1920 × 1080)
4:3 (1024 × 768)
Desktop (1140 × 1024)
MacBook (834 × 1194)
MacBook Pro (1024 × 1366)
Surface Book (1440 × 990)
iMac (1368 × 912)
iPad Mini (768 × 1024)
iPad Pro 11" (834 × 1194)
iPad Pro 12.9" (1024 × 1366)
Surface Pro 3 (1440 × 990)
Surface Pro 4 (1368 × 912)
iPhone 11 ProMax (414 × 896)
iPhone 11 Pro / X (375 × 812)
iPhone 8 Plus (414 × 736)
iPhone 8 (375 × 667)
Google Pixel 2 (411 × 731)
Google Pixel XL (411 × 823)
Android (360 × 640)
A4 (595 × 842)
A5 (420 × 595)
A6 (297 × 420)
Letter (612 × 792)
Tabloid (792 × 1224)
Custom
Rectangle
X
Y
Width
Height
Path
X
Y
Image
X
Y
Width
Height
Circle
Center X
Center Y
Radius
Ellipse
X
Y
Radius X
Radius Y
Line
Start X
Start Y
End X
End Y
Text
Content
X
Y
Font
sans-serif
Font Style
B
i
Font Size
SVG
Use
Break use ref
Group
X
Y
Ungroup
Edit Path
X
Y
Seg Type
Straight
Curve
Straight
Add Node
Delete Node
Open/close Path
Rotation
Opacity
Blur
Roundness
Align to canvas
Multiple Elements
Align to objects
Align to page
Group Elements
Place text on path
Stroke
Width
Dash
—
···
- -
-·-
-··-
—
Stroke Join
Stroke Cap
6%
12%
16%
25%
50%
75%
100%
150%
200%
300%
400%
600%
800%
1600%
⌘X
⌘C
⌘V
⌫
⌘G
⌘⇧G
⌘⇧↑
⌘↑
⌘↓
⌘⇧↓