Acción
Sube 5 iconos SVG
Salida
sprite.svg fusionado + fragmentos de uso
Herramientas para desarrolladores
Combinador de sprites SVG — fusiona iconos en un sprite
Sube múltiples iconos SVG para fusionarlos en un sprite SVG con fragmentos de referencia de symbol y soporte de descarga.
SVGSpriteIconos
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.
开发工具
Combinador de sprites SVG
点击或拖拽多个 SVG 文件到此处
已添加的图标
0 个
使用代码
上传 SVG 文件后生成使用代码
合并后的 SVG Sprite
Casos de uso
- Fusiona iconos SVG del proyecto
- Reduce peticiones HTTP
- Centraliza la gestión de iconos
Cómo usar
- Suelta múltiples archivos SVG
- Previsualiza los iconos fusionados
- Descarga el sprite
Entrada y salida de ejemplo
FAQ
¿Cómo uso el resultado?
Referencia con <svg><use href="#icon-name" /></svg> o un sprite.svg#icon-name externo.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Comprobador de diferencias de imagen
Comprobador de diferencias de imagen — Resalte de diferencias de píxeles
Compara dos imágenes píxel a píxel en el navegador. Los píxeles distintos se resaltan en rojo con recuentos y porcentajes: útil para capturas de regresión de interfaz, comprobaciones de versiones de diseño y revisiones de antes y después. Las imágenes permanecen locales.
Imagen Diff Comparar
Regla de píxeles
Regla de píxeles — Tamaño de pantalla y marcas de medida
Dibuja una regla de píxeles horizontal o vertical en la página. Ajusta la longitud y el espaciado de las marcas y consulta el tamaño de la ventana y la relación de píxeles del dispositivo para comparar medidas en píxeles CSS con maquetaciones y modelos de diseño.
Píxeles Regla Medir