O termo “ferramenta de construção” pode ser assustador. Ele traz à mente ferramentas sofisticadas de linha de comando que requerem configuração e dependências estranhas do sistema que quebram quando você olha para elas de forma errada. Às vezes, as ferramentas de construção são assim, e iremos lá nesta série. Mas, na verdade, uma ferramenta de construção é apenas algo para ajudar a tornar seu processo mais fácil. Automatize algo que você estava fazendo manualmente.
IcoMoon, nesse sentido, é uma ferramenta de construção. Era (é) uma ferramenta popular para criar fontes de ícones personalizadas. É maravilhoso por isso. Apoio qualquer ferramenta que incentive os desenvolvedores de front-end a criar recursos personalizados e simplificados apenas para o que precisam, em vez de incluir a pia da cozinha (cada ícone do planeta) e apenas usar partes dela. IcoMoon não é apenas para fontes de ícone @ font-face, ele pode gerar blocos defs SVG, que ele chama de sprite SVG (também um termo perfeitamente aceitável).
Basicamente, você clica nos ícones que deseja e, em seguida, os exporta e obtém um bloco defs SVG perfeito para usar. Observe que eles ainda não estão usando e não tenho certeza do porquê, mas isso significa que você precisará incluir viewBoxitens de acessibilidade por conta própria enquanto os implementa. Cadastre-se em uma conta lá e você pode salvar o projeto, o que significa que você pode voltar e remover / adicionar coisas conforme necessário, em vez de começar do zero. Isso realmente o torna uma ferramenta de construção.
Importante saber sobre o IcoMoon: você pode adicionar seu próprio SVG. Você não está limitado ao que vê no aplicativo padrão. Você pode obter o SVG de outro lugar e apenas adicioná-lo e salvá-lo com seu projeto. Você pode usar o IcoMoon como uma ferramenta de construção apenas com seu próprio SVG personalizado e ainda assim seria útil.