X: 0px Y: 0px
100%
| Action / Command | Shortcut Key |
|---|---|
| Select Tool | V |
| Sub-select / Direct Point Edit | A |
| Pen Tool | P |
| Freehand Pencil | D |
| Scissors / Cut Path Tool | C |
| Rectangle Tool | R |
| Ellipse / Circle Tool | E |
| Line Tool | L |
| Text Tool | T |
| Gradient Vector Tool | G |
| Eyedropper Tool | I |
| Pan Workspace (Hand) | H or Space + Left Drag |
| Zoom In / Zoom Out | Mouse Wheel or Ctrl + / - |
| Zoom to Fit Screen | Ctrl + 0 |
| Search Command Palette | Ctrl + K |
| Undo Action | Ctrl + Z |
| Redo Action | Ctrl + Y |
| Cut Selection | Ctrl + X |
| Copy Selection | Ctrl + C |
| Paste Selection | Ctrl + V |
| Duplicate Selection | Ctrl + D |
| Delete Selected Element | Del or Backspace |
| Group Selected Shapes | Ctrl + G |
| Ungroup Selected Shapes | Ctrl + Shift + G |
| Bring to Front | Ctrl + ] |
| Bring Forward | ] |
| Send Backward | [ |
| Send to Back | Ctrl + [ |
| Toggle Grid Lines | Ctrl + ' |
| Toggle Canvas Rulers | Ctrl + R |
| Toggle Smart Snapping | Ctrl + Shift + S |
| Right-Click Context Menu | Right-Click Shape |
Select your preferred language for the VectorStudio editor interface.
Please support vectorization.eu by visiting the homepage and other pages that display ads. Your visits help cover server costs and keep this tool free to use. Sharing the website with others is also greatly appreciated. Thank you for your support!
This online vector editor was created with the assistance of artificial intelligence (AI).
AI technologies were used during the development of the application. The use of AI does not change the way the service handles your personal data. The editor is provided as a tool for creating and editing vector graphics, and users are not required to create an account or provide personal information in order to use it.
Where AI-generated or AI-assisted functionality is used within the application, we aim to provide appropriate transparency about the use of AI in accordance with applicable European Union requirements, including the EU Artificial Intelligence Act.
This service is designed as an online vector editing tool. It does not operate as a social network, online marketplace, or user-generated-content platform with public feeds or similar community functionality.
Users can use the editor without creating an account. The service does not provide user profiles, public user pages, or a system for publishing user content to a public community.
To the extent that the Digital Services Act applies to this service, we are committed to complying with the applicable transparency, user-protection, and other requirements.
You do not need to create an account or register to use this vector editor.
We do not require or intentionally collect personal information such as your name, email address, telephone number, or account credentials in order to use the editor.
We do not create user accounts or user profiles, and we do not store personal user information for the purpose of providing the editor.
The editor is designed so that your work can be created and edited without requiring an account or storing your designs on our servers.
Unless explicitly stated otherwise for a particular feature, files and designs you work with are processed locally in your browser and are not uploaded to or stored by us.
We do not use personal user data to create user profiles, track individual users for advertising purposes, or build behavioral profiles.
Because the service does not require an account and is designed not to store personal user data, there is no user account database containing your personal information.
The website may use technically necessary technologies required to operate and secure the service. If any analytics, advertising, hosting, logging, or other third-party technologies are used, they may process technical information such as IP addresses or device/browser information. Such processing is subject to the respective provider's policies and applicable data-protection requirements.
For this reason, this notice should be kept consistent with the actual technical configuration of the website.
We follow the principles of data minimisation and privacy by design. Where personal data is not necessary for the operation of the service, we aim not to collect it.
If personal data is processed in connection with the website—for example, through hosting, security, error logging, or other technical infrastructure—we will process it only as necessary and in accordance with applicable data-protection law, including the EU General Data Protection Regulation (GDPR).
For questions regarding privacy or data protection, please contact us using the contact details provided on this website.
VectorStudio is a state-of-the-art, professional web-based SVG vector graphics editor. Designed for graphic designers, UI/UX creators, digital artists, and vector illustrators, it provides high-precision drawing tools, per-shape gradient controls, layer management, and seamless export capabilities.
The Utilities Menu in the top header allows you to control which inspector panels are visible in your workspace. You can toggle any of the 8 core panels on or off at any time:
Shows or hides the Left Sidebar containing the entire SVG layer tree. Reorder layers by dragging, lock layers to prevent edits, toggle visibility (eye icon), and double-click to rename layers.
Align 2 or more selected shapes: Align Left, Center, Right, Top, Middle, Bottom. Distribute Horizontally or Vertically for perfectly equal spacing between objects.
Precise numerical inputs for position X and Y in pixels, dimensions Width (W) and Height (H), Aspect Ratio Lock button (proportional scaling), and Rotation Angle deg (°).
Non-destructive geometry tools for combining vector paths: Union (Unite), Difference (Subtract), Intersection, and Exclude (XOR).
Solid fill color swatch, Hex input, native color picker, opacity slider (0–100%), and SVG blend modes (Normal, Multiply, Screen, Overlay, etc.). Gradient Sub-section: Toggle Linear vs Radial gradients, moveable color stop pins, stop opacity, location %, linear gradient angle input (0° to 360°), and angle presets (0°, 90°, 180°).
Stroke color swatch, Hex input, Stroke Width in px, Dash Array patterns (e.g. 5,5 for dashed lines), Line Caps (butt, round, square), and Line Joins (miter, round, bevel).
Edit text elements: Choose from 25+ Google Fonts (Inter, Roboto, Montserrat, Playfair Display, Bebas Neue, Pacifico, etc.), Font Size in px, Font Weight (Light, Regular, Bold), Letter Spacing, and Paragraph Alignment.
Add customizable SVG filter drop shadow effects to any shape or text element: Offset X, Offset Y, Blur Radius, Shadow Color, and Shadow Opacity.
Click shapes to select. Drag bounding box handles to scale or rotate. Hold Shift to maintain aspect ratio or select multiple items.
Inspect and edit individual vector anchor points and Bezier control handles on paths, polygons, and shapes.
Create high-precision vector paths. Click to add sharp corners; click and drag to pull out smooth Bezier curves.
Draw smooth freehand vector lines and sketches directly onto the canvas with real-time path smoothing.
Click anywhere along a path or shape outline to cut and split the path into separate segments.
Draw rectangles, rounded rects, circles, and ellipses. Set corner radius, width, and height in the inspector.
Create regular polygons (triangles, hexagons) and stars. Customize side count and star inner ratio (e.g. 0.5) in the inspector.
Add rich text elements. Select from 25+ Google Fonts, font weights, size, letter spacing, and paragraph alignment.
Interactively drag linear and radial gradient vector handles directly on the canvas or tweak colors in the inspector.
Sample exact fill color, stroke color, and opacity from any existing element on your canvas.
Click and drag to pan around the canvas. Alternatively, hold Spacebar and drag with your mouse anytime.
Scroll mouse wheel over canvas to zoom in/out centered around your cursor. Use Ctrl+0 for Zoom to Fit.
Every element can be styled with custom fill and stroke colors using Hex inputs, native color pickers, opacity sliders (0–100%), and SVG blend modes (Normal, Multiply, Screen, Overlay, etc.).
Each shape or path has its own 100% independent gradient instance. Editing a gradient on one shape will never affect other shapes on the canvas.
Linear and Radial gradients.0° (Left-Right), 90° (Top-Bottom), and 180° (Right-Left).Gradient Tool (G) to drag start/end gradient points directly over the shape on the canvas.Customize stroke width, dashed border patterns (e.g. 5,5), line cap styles (butt, round, square), and line join corners (miter, round, bevel).