This online SVG editor lets you draw and edit scalable vector graphics right in
your browser. Place shapes, draw paths with the pen, add text, organize your work into
layers, and export a clean SVG file when you're done. There is nothing to install and no
account to create — open the page and start drawing.
How to use
Click New File and pick a canvas size — an icon size, screen size, A4, or a custom width and height.
Choose a tool from the palette: select, node edit, rectangle, ellipse, line, polygon, a built-in shape, pen, or text.
Draw on the canvas, then adjust position, size, rotation, fill, stroke, dashes, and markers in the properties panel.
Points snap to existing endpoints and vertices as you draw and edit; double-click a text element to edit its text inline on the canvas.
Use layers, grouping, and the grid with snap to keep complex drawings organized.
Click Save or Export to download your artwork as an .svg file.
Key features
Shape tools — rectangles, ellipses, arcs, lines, and polygons from triangle to octagon.
Built-in shapes — stars, hearts, arrows, callouts and speech bubbles, gears, banners, and more.
Pen and text tools — draw freeform paths and add text with adjustable font, size, weight, and alignment.
Node editing — refine paths point by point with the edit tool.
Point snapping — while drawing and editing, points snap to existing endpoints and vertices for clean, connected shapes.
Inline text editing — double-click a text element to edit its content directly on the canvas.
Full style control — fill and stroke color, stroke width, opacity, dash patterns, line caps and joins, and markers.
Layers and groups — add, hide, and delete layers, and group or ungroup elements.
Undo and redo, copy, paste, and delete with familiar keyboard shortcuts.
Grid and snap — toggle a grid, set its size, and snap elements to it for precise alignment.
Open, import, and export — open existing SVG files, drag and drop SVG or images onto the canvas, and export clean SVG.
Zoom controls — zoom in, out, and fit the canvas to the screen.
Common use cases
Designing icons and logos at exact pixel sizes like 16×16, 256×256, or 512×512.
Creating diagrams, arrows, and callouts for documents and presentations.
Editing or cleaning up an SVG file exported from another tool.
Building simple illustrations and social graphics for the web.
Private and instant
The editor runs entirely in your browser using JavaScript — your artwork is never
uploaded to a server or stored anywhere. Files are read and saved directly on your own
device, which keeps your work private and makes editing instant, even offline. See our
Privacy Policy for details.
Tip: turn on Snap to grid in the view options when designing icons so
every shape lines up cleanly to whole pixels.
Frequently asked questions
Can I use it without an account?
Yes. No account, signup, or installation is required.
Is my artwork uploaded to a server?
No. The editor runs entirely in your browser. Your drawings are never uploaded, and files are saved directly to your device.
Can I open an existing SVG file and keep editing it?
Yes. Open an .svg file or drag and drop SVG and image files onto the canvas, then keep editing shapes, paths, text, and layers.
What size can I make the canvas?
Choose from icon, screen, print (A4), and social presets, or enter a custom width and height up to 10000 pixels.
SVG 편집기 소개
이 온라인 SVG 편집기로 브라우저에서 바로 확장 가능한 벡터 그래픽을 그리고
편집할 수 있습니다. 도형을 배치하고, 펜으로 패스를 그리고, 텍스트를 추가하고,
작업을 레이어로 정리한 뒤, 완성되면 깔끔한 SVG 파일로 내보내세요. 설치할 것도
가입할 것도 없습니다 — 페이지를 열고 바로 그리기 시작하세요.
사용 방법
새 파일을 클릭하고 캔버스 크기를 선택하세요 — 아이콘 크기, 화면 크기, A4, 또는 사용자 지정 너비와 높이.
팔레트에서 도구를 선택하세요: 선택, 노드 편집, 사각형, 타원, 선, 다각형, 내장 도형, 펜, 또는 텍스트.
캔버스에 그린 다음, 속성 패널에서 위치, 크기, 회전, 채우기, 선, 점선, 마커를 조정하세요.
그리거나 편집할 때 점이 기존 끝점과 꼭짓점에 스냅됩니다. 텍스트 요소를 더블클릭하면 캔버스에서 바로 내용을 편집할 수 있습니다.
레이어, 그룹화, 스냅이 적용된 그리드를 사용해 복잡한 그림을 정돈된 상태로 유지하세요.
저장 또는 내보내기를 클릭해 작업물을 .svg 파일로 다운로드하세요.
주요 기능
도형 도구 — 사각형, 타원, 호, 선, 그리고 삼각형부터 팔각형까지의 다각형.
내장 도형 — 별, 하트, 화살표, 말풍선과 콜아웃, 톱니바퀴, 배너 등.
펜과 텍스트 도구 — 자유로운 패스를 그리고, 글꼴·크기·굵기·정렬을 조정할 수 있는 텍스트를 추가합니다.
노드 편집 — 편집 도구로 패스를 점 단위로 다듬습니다.
점 스냅 — 그리거나 편집할 때 점이 기존 끝점과 꼭짓점에 스냅되어 깔끔하게 연결됩니다.
인라인 텍스트 편집 — 텍스트 요소를 더블클릭해 캔버스에서 바로 내용을 편집합니다.
완전한 스타일 제어 — 채우기와 선 색상, 선 두께, 투명도, 점선 패턴, 선 끝과 모서리 모양, 마커.
레이어와 그룹 — 레이어를 추가·숨김·삭제하고, 요소를 그룹화하거나 그룹을 해제합니다.
실행 취소와 다시 실행, 그리고 익숙한 단축키로 복사·붙여넣기·삭제.
그리드와 스냅 — 그리드를 켜고 크기를 설정한 뒤, 요소를 그리드에 맞춰 정확하게 정렬합니다.
열기·가져오기·내보내기 — 기존 SVG 파일을 열고, SVG나 이미지를 캔버스에 끌어다 놓고, 깔끔한 SVG로 내보냅니다.
확대/축소 제어 — 확대, 축소, 그리고 캔버스를 화면에 맞춥니다.
주요 활용 사례
16×16, 256×256, 512×512 같은 정확한 픽셀 크기로 아이콘과 로고 디자인.
문서와 프레젠테이션을 위한 다이어그램, 화살표, 콜아웃 제작.
다른 도구에서 내보낸 SVG 파일 편집 또는 정리.
웹용 간단한 일러스트와 소셜 그래픽 제작.
비공개로 즉시 작동
이 편집기는 JavaScript를 사용해 전적으로 브라우저 안에서 동작합니다 — 작업물은
절대 서버에 업로드되거나 어디에도 저장되지 않습니다. 파일은 사용자 기기에서 직접
읽고 저장되므로, 작업이 비공개로 유지되고 오프라인에서도 즉시 편집할 수 있습니다.
자세한 내용은 개인정보처리방침을 참고하세요.
팁: 아이콘을 디자인할 때 보기 옵션에서 그리드에 스냅을 켜면
모든 도형이 정수 픽셀에 깔끔하게 정렬됩니다.
자주 묻는 질문
계정 없이 사용할 수 있나요?
네. 계정·가입·설치 없이 사용할 수 있습니다.
제 작업물이 서버에 업로드되나요?
아니요. 편집기는 전적으로 브라우저 안에서 동작합니다. 그림은 절대 업로드되지 않으며, 파일은 기기에 직접 저장됩니다.
기존 SVG 파일을 열어 계속 편집할 수 있나요?
네. .svg 파일을 열거나 SVG와 이미지 파일을 캔버스에 끌어다 놓은 뒤, 도형·패스·텍스트·레이어를 계속 편집할 수 있습니다.
캔버스는 어느 크기까지 만들 수 있나요?
아이콘, 화면, 인쇄(A4), 소셜 프리셋 중에서 선택하거나, 최대 10000픽셀까지 사용자 지정 너비와 높이를 입력할 수 있습니다.
Este editor SVG en línea te permite dibujar y editar gráficos vectoriales
escalables directamente en tu navegador. Coloca formas, dibuja trazados con la pluma,
añade texto, organiza tu trabajo en capas y exporta un archivo SVG limpio cuando termines.
No hay nada que instalar ni ninguna cuenta que crear: abre la página y empieza a dibujar.
Cómo usarlo
Haz clic en Nuevo archivo y elige un tamaño de lienzo: un tamaño de icono, de pantalla, A4, o un ancho y alto personalizados.
Elige una herramienta de la paleta: selección, edición de nodos, rectángulo, elipse, línea, polígono, una forma integrada, pluma o texto.
Dibuja en el lienzo y luego ajusta la posición, el tamaño, la rotación, el relleno, el trazo, los guiones y los marcadores en el panel de propiedades.
Al dibujar y editar, los puntos se ajustan a los extremos y vértices existentes; haz doble clic en un elemento de texto para editar su contenido directamente en el lienzo.
Usa capas, agrupación y la cuadrícula con ajuste para mantener organizados los dibujos complejos.
Haz clic en Guardar o Exportar para descargar tu obra como un archivo .svg.
Funciones principales
Herramientas de formas: rectángulos, elipses, arcos, líneas y polígonos desde el triángulo hasta el octágono.
Formas integradas: estrellas, corazones, flechas, llamadas y bocadillos, engranajes, banderines y más.
Herramientas de pluma y texto: dibuja trazados libres y añade texto con fuente, tamaño, grosor y alineación ajustables.
Edición de nodos: perfecciona los trazados punto por punto con la herramienta de edición.
Ajuste a puntos: al dibujar y editar, los puntos se ajustan a los extremos y vértices existentes para lograr conexiones limpias.
Edición de texto en línea: haz doble clic en un elemento de texto para editar su contenido directamente en el lienzo.
Control total del estilo: color de relleno y trazo, grosor del trazo, opacidad, patrones de guiones, extremos y uniones de línea, y marcadores.
Capas y grupos: añade, oculta y elimina capas, y agrupa o desagrupa elementos.
Deshacer y rehacer, copiar, pegar y eliminar con atajos de teclado familiares.
Cuadrícula y ajuste: activa una cuadrícula, establece su tamaño y ajusta los elementos a ella para una alineación precisa.
Abrir, importar y exportar: abre archivos SVG existentes, arrastra y suelta SVG o imágenes en el lienzo, y exporta SVG limpio.
Controles de zoom: acerca, aleja y ajusta el lienzo a la pantalla.
Casos de uso comunes
Diseñar iconos y logotipos en tamaños de píxel exactos como 16×16, 256×256 o 512×512.
Crear diagramas, flechas y llamadas para documentos y presentaciones.
Editar o limpiar un archivo SVG exportado desde otra herramienta.
Crear ilustraciones sencillas y gráficos sociales para la web.
Privado e instantáneo
El editor se ejecuta por completo en tu navegador usando JavaScript: tu obra nunca se
sube a un servidor ni se almacena en ningún lugar. Los archivos se leen y guardan
directamente en tu propio dispositivo, lo que mantiene tu trabajo privado y hace que la
edición sea instantánea, incluso sin conexión. Consulta nuestra
Política de privacidad para más detalles.
Consejo: activa Ajustar a la cuadrícula en las opciones de vista al
diseñar iconos para que cada forma se alinee limpiamente con píxeles enteros.
Preguntas frecuentes
¿Se puede usar sin cuenta?
Sí. Sin necesidad de cuenta, registro ni instalación.
¿Mi obra se sube a un servidor?
No. El editor se ejecuta por completo en tu navegador. Tus dibujos nunca se suben, y los archivos se guardan directamente en tu dispositivo.
¿Puedo abrir un archivo SVG existente y seguir editándolo?
Sí. Abre un archivo .svg o arrastra y suelta archivos SVG e imágenes en el lienzo, y luego sigue editando formas, trazados, texto y capas.
¿De qué tamaño puedo hacer el lienzo?
Elige entre los ajustes preestablecidos de icono, pantalla, impresión (A4) y redes sociales, o introduce un ancho y alto personalizados de hasta 10000 píxeles.
À propos de l'éditeur SVG
Cet éditeur SVG en ligne vous permet de dessiner et de modifier des graphiques
vectoriels évolutifs directement dans votre navigateur. Placez des formes, dessinez des
tracés avec la plume, ajoutez du texte, organisez votre travail en calques, et exportez un
fichier SVG propre une fois terminé. Il n'y a rien à installer ni de compte à créer —
ouvrez la page et commencez à dessiner.
Comment l'utiliser
Cliquez sur Nouveau fichier et choisissez une taille de canevas — une taille d'icône, d'écran, A4, ou une largeur et une hauteur personnalisées.
Choisissez un outil dans la palette : sélection, édition de nœuds, rectangle, ellipse, ligne, polygone, une forme intégrée, plume ou texte.
Dessinez sur le canevas, puis ajustez la position, la taille, la rotation, le remplissage, le contour, les tirets et les marqueurs dans le panneau des propriétés.
Lors du dessin et de l'édition, les points s'aimantent aux extrémités et sommets existants ; double-cliquez sur un élément de texte pour en modifier le contenu directement sur le canevas.
Utilisez les calques, le groupement et la grille avec magnétisme pour garder vos dessins complexes bien organisés.
Cliquez sur Enregistrer ou Exporter pour télécharger votre création sous forme de fichier .svg.
Fonctionnalités clés
Outils de formes — rectangles, ellipses, arcs, lignes et polygones du triangle à l'octogone.
Formes intégrées — étoiles, cœurs, flèches, légendes et bulles de dialogue, engrenages, bannières, et plus encore.
Outils plume et texte — dessinez des tracés libres et ajoutez du texte avec police, taille, graisse et alignement réglables.
Édition de nœuds — affinez les tracés point par point avec l'outil d'édition.
Magnétisme des points — lors du dessin et de l'édition, les points s'aimantent aux extrémités et sommets existants pour des connexions nettes.
Édition de texte en ligne — double-cliquez sur un élément de texte pour en modifier le contenu directement sur le canevas.
Contrôle complet du style — couleur de remplissage et de contour, épaisseur du contour, opacité, motifs de tirets, extrémités et jonctions de ligne, et marqueurs.
Calques et groupes — ajoutez, masquez et supprimez des calques, et groupez ou dégroupez les éléments.
Annuler et rétablir, copier, coller et supprimer avec les raccourcis clavier habituels.
Grille et magnétisme — activez une grille, définissez sa taille et alignez-y les éléments pour un alignement précis.
Ouvrir, importer et exporter — ouvrez des fichiers SVG existants, glissez-déposez des SVG ou des images sur le canevas, et exportez un SVG propre.
Commandes de zoom — zoomez, dézoomez et ajustez le canevas à l'écran.
Cas d'usage courants
Concevoir des icônes et des logos à des tailles de pixels exactes comme 16×16, 256×256 ou 512×512.
Créer des diagrammes, des flèches et des légendes pour des documents et des présentations.
Modifier ou nettoyer un fichier SVG exporté depuis un autre outil.
Réaliser des illustrations simples et des graphiques sociaux pour le web.
Privé et instantané
L'éditeur fonctionne entièrement dans votre navigateur grâce à JavaScript — votre création
n'est jamais téléversée sur un serveur ni stockée où que ce soit. Les fichiers sont lus et
enregistrés directement sur votre propre appareil, ce qui préserve la confidentialité de
votre travail et rend l'édition instantanée, même hors ligne. Consultez notre
Politique de confidentialité pour plus de détails.
Astuce : activez Magnétiser sur la grille dans les options d'affichage
lorsque vous concevez des icônes afin que chaque forme s'aligne proprement sur des pixels entiers.
Foire aux questions
Peut-on l'utiliser sans compte ?
Oui. Sans compte, inscription ni installation requis.
Ma création est-elle téléversée sur un serveur ?
Non. L'éditeur fonctionne entièrement dans votre navigateur. Vos dessins ne sont jamais téléversés, et les fichiers sont enregistrés directement sur votre appareil.
Puis-je ouvrir un fichier SVG existant et continuer à le modifier ?
Oui. Ouvrez un fichier .svg ou glissez-déposez des fichiers SVG et image sur le canevas, puis continuez à modifier les formes, les tracés, le texte et les calques.
Quelle taille puis-je donner au canevas ?
Choisissez parmi les préréglages icône, écran, impression (A4) et réseaux sociaux, ou saisissez une largeur et une hauteur personnalisées jusqu'à 10000 pixels.
Über den SVG-Editor
Mit diesem Online-SVG-Editor können Sie skalierbare Vektorgrafiken direkt in
Ihrem Browser zeichnen und bearbeiten. Platzieren Sie Formen, zeichnen Sie Pfade mit dem
Stift, fügen Sie Text hinzu, ordnen Sie Ihre Arbeit in Ebenen an und exportieren Sie nach
Fertigstellung eine saubere SVG-Datei. Es gibt nichts zu installieren und kein Konto
anzulegen — öffnen Sie die Seite und legen Sie los.
So funktioniert es
Klicken Sie auf Neue Datei und wählen Sie eine Leinwandgröße — eine Symbolgröße, Bildschirmgröße, A4 oder eine benutzerdefinierte Breite und Höhe.
Wählen Sie ein Werkzeug aus der Palette: Auswählen, Knotenbearbeitung, Rechteck, Ellipse, Linie, Polygon, eine integrierte Form, Stift oder Text.
Zeichnen Sie auf der Leinwand und passen Sie dann Position, Größe, Drehung, Füllung, Kontur, Striche und Markierungen im Eigenschaftenbereich an.
Beim Zeichnen und Bearbeiten rasten Punkte an vorhandenen Endpunkten und Eckpunkten ein; doppelklicken Sie auf ein Textelement, um dessen Inhalt direkt auf der Leinwand zu bearbeiten.
Nutzen Sie Ebenen, Gruppierung und das Raster mit Einrasten, um komplexe Zeichnungen übersichtlich zu halten.
Klicken Sie auf Speichern oder Exportieren, um Ihr Werk als .svg-Datei herunterzuladen.
Hauptfunktionen
Formwerkzeuge — Rechtecke, Ellipsen, Bögen, Linien und Polygone vom Dreieck bis zum Achteck.
Integrierte Formen — Sterne, Herzen, Pfeile, Sprechblasen und Beschriftungen, Zahnräder, Banner und mehr.
Stift- und Textwerkzeuge — zeichnen Sie freie Pfade und fügen Sie Text mit anpassbarer Schriftart, Größe, Stärke und Ausrichtung hinzu.
Knotenbearbeitung — verfeinern Sie Pfade Punkt für Punkt mit dem Bearbeitungswerkzeug.
Einrasten an Punkten — beim Zeichnen und Bearbeiten rasten Punkte an vorhandenen Endpunkten und Eckpunkten ein, für saubere Verbindungen.
Inline-Textbearbeitung — doppelklicken Sie auf ein Textelement, um dessen Inhalt direkt auf der Leinwand zu bearbeiten.
Vollständige Stilkontrolle — Füll- und Konturfarbe, Konturstärke, Deckkraft, Strichmuster, Linienenden und -verbindungen sowie Markierungen.
Ebenen und Gruppen — fügen Sie Ebenen hinzu, blenden Sie sie aus und löschen Sie sie, und gruppieren oder entgruppieren Sie Elemente.
Rückgängig und Wiederholen, Kopieren, Einfügen und Löschen mit vertrauten Tastenkürzeln.
Raster und Einrasten — schalten Sie ein Raster ein, legen Sie seine Größe fest und rasten Sie Elemente daran ein, um eine präzise Ausrichtung zu erzielen.
Öffnen, Importieren und Exportieren — öffnen Sie vorhandene SVG-Dateien, ziehen Sie SVG oder Bilder per Drag-and-drop auf die Leinwand und exportieren Sie sauberes SVG.
Zoomsteuerung — vergrößern, verkleinern und die Leinwand an den Bildschirm anpassen.
Häufige Anwendungsfälle
Entwerfen von Symbolen und Logos in exakten Pixelgrößen wie 16×16, 256×256 oder 512×512.
Erstellen von Diagrammen, Pfeilen und Beschriftungen für Dokumente und Präsentationen.
Bearbeiten oder Bereinigen einer aus einem anderen Werkzeug exportierten SVG-Datei.
Erstellen einfacher Illustrationen und Social-Media-Grafiken für das Web.
Privat und sofort
Der Editor läuft vollständig in Ihrem Browser mit JavaScript — Ihr Werk wird niemals auf
einen Server hochgeladen oder irgendwo gespeichert. Dateien werden direkt auf Ihrem eigenen
Gerät gelesen und gespeichert, wodurch Ihre Arbeit privat bleibt und die Bearbeitung sofort
erfolgt, sogar offline. Weitere Einzelheiten finden Sie in unserer
Datenschutzrichtlinie.
Tipp: Aktivieren Sie Am Raster einrasten in den Ansichtsoptionen, wenn Sie
Symbole entwerfen, damit jede Form sauber an ganze Pixel ausgerichtet wird.
Häufig gestellte Fragen
Kann man ihn ohne Konto nutzen?
Ja. Ohne Konto, Anmeldung oder Installation nutzbar.
Wird mein Werk auf einen Server hochgeladen?
Nein. Der Editor läuft vollständig in Ihrem Browser. Ihre Zeichnungen werden niemals hochgeladen, und Dateien werden direkt auf Ihrem Gerät gespeichert.
Kann ich eine vorhandene SVG-Datei öffnen und weiter bearbeiten?
Ja. Öffnen Sie eine .svg-Datei oder ziehen Sie SVG- und Bilddateien per Drag-and-drop auf die Leinwand und bearbeiten Sie dann Formen, Pfade, Text und Ebenen weiter.
Wie groß kann ich die Leinwand machen?
Wählen Sie aus den Voreinstellungen für Symbol, Bildschirm, Druck (A4) und Social Media, oder geben Sie eine benutzerdefinierte Breite und Höhe von bis zu 10000 Pixeln ein.