Lint en vivo
Vista previa en contexto
Fox-ify
Pega o arrastra cualquier SVG. Se adapta a la cuadrícula de 24, los rellenos se convierten en trazos, las transformaciones se aplican y los puntos se ajustan, hasta que cumple las reglas de iconos.
Búsqueda por boceto
Dibuja una forma aproximada. Los 24 iconos más parecidos aparecen mientras dibujas, ordenados en la propia página con un índice de formas de todo el conjunto.
Tus trazos se quedan en este dispositivo: no se sube nada, el boceto se compara con un índice precalculado de todos los iconos.
Fusión
Haz clic en una parte de la vista previa para seleccionarla y luego arrástrala o usa las flechas del teclado.
Movimiento
Una línea de tiempo por cada elemento del icono. Haz clic en una pista para añadir un fotograma clave, arrástralo para moverlo y exporta el resultado para todos los paquetes.
Fotograma clave
Kit de marca
Aplica tu marca a todo el conjunto y expórtalo listo para usar.
Contenido del zip
- svg/ con cada icono como archivo SVG con tu marca
- sprite.svg e icons.css con las variables CSS de la marca
- favicon/ con favicon.ico, PNG de 16, 32, 180, 192 y 512, iconos enmascarables y un manifiesto web
- app/ con iconos para las tiendas de apps y la capa de primer plano del icono adaptable de Android
- package.json, index.js y definiciones de tipos, listos para publicar
Hero en 3D
Un nombre, una fusión como cloud&lock:overlap o un modificador como file+check. Ningún icono tiene este nombre.
El movimiento reducido está activado, así que el giro automático queda en pausa.
Cargando three.js
Exportar PNG
three.js se carga desde jsDelivr cuando abres esta pestaña. three@0.186.1
Colección
Los iconos que dibujas, conviertes con Fox-ify o fusionas se guardan en este navegador.
Aún no hay nada aquí. Dibuja un icono en el editor, aplica Fox-ify a un SVG o guarda una fusión.