Comando
M10,10 L90,90
Dibujo
Una línea diagonal sobre la cuadrícula
Herramientas de diseño
Visualizador de path SVG — Depura comandos d
Pega una cadena larga de path d="M10 20 L... Z" o una etiqueta path completa para visualizarla sobre una cuadrícula e inspeccionar la longitud y el recuento de comandos mientras depuras iconos.
DiseñoSVGRutaInterfaz web
Cambio rápido:SVG a fondo CSS
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Visualizador de path SVG
Path 'd' Data
等待路径输入。
-
Casos de uso
- Extraer el valor d del path de un icono roto e inspeccionarlo sobre una cuadrícula
Cómo usar
- Pega solo las coordenadas d, o una etiqueta path completa, y ajusta los controles de viewBox para localizar la forma
Entrada y salida de ejemplo
FAQ
¿Puedo editar atributos distintos de d?
No. Esta herramienta se centra en la sintaxis y la vista previa de path d="...".
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
SVG a fondo CSS
SVG a fondo CSS — Data URL / Base64
Incrustra SVG en una cadena CSS background-image: url(...) mediante codificación URI o Base64. Útil para iconos pequeños que quieres conservar en el CSS en lugar de en archivos de recursos separados.
Diseño CSS SVG