El término "herramienta de construcción" puede dar miedo. Me trae a la mente sofisticadas herramientas de línea de comandos que requieren configuración y extrañas dependencias del sistema que se rompen cuando las mira mal. A veces, las herramientas de construcción son así, y vamos a ir allí en esta serie. Pero en realidad, una herramienta de construcción es solo algo que ayuda a facilitar su proceso. Automatiza algo que hacías anteriormente a mano.
IcoMoon, en ese sentido, es una herramienta de construcción. Era (es) una herramienta popular para crear fuentes de iconos personalizadas. Es maravilloso por eso. Apoyo cualquier herramienta que anime a los desarrolladores de front-end a crear activos personalizados y optimizados para lo que necesitan, en lugar de incluir el fregadero de la cocina (todos los íconos del mundo) y solo usar partes de él. Sin embargo, IcoMoon no es solo para fuentes de íconos @ font-face, sino que puede generar bloques de definición de SVG, a los que llama un sprite SVG (también un término perfectamente aceptable).
Básicamente, hace clic en los iconos que desea y luego los exporta y obtiene un bloque de defs SVG perfecto para usar. Tenga en cuenta que aún no se están usando , y no estoy seguro de por qué, pero eso significa que deberá incluir elementos de viewBoxaccesibilidad por su cuenta mientras los implementa. Regístrese para obtener una cuenta allí y puede guardar el proyecto, lo que significa que puede regresar y eliminar / agregar cosas según sea necesario en lugar de comenzar desde cero. Eso realmente lo convierte en una herramienta de construcción.
Importante saber sobre IcoMoon: puede agregar su propio SVG. No está limitado a lo que ve en la aplicación predeterminada. Puede obtener SVG desde otro lugar y simplemente agregarlo allí y se guardará con su proyecto. Podrías usar IcoMoon como una herramienta de construcción con solo tu propio SVG personalizado y aún sería útil.