Uttrycket "byggverktyg" kan vara läskigt. Det kommer att tänka på snygga kommandoradsverktyg som kräver konfiguration och konstiga systemberoende som går sönder när du ser fel på dem. Ibland är byggverktyg så, och vi åker dit i den här serien. Men egentligen är ett byggverktyg bara något som hjälper dig att göra processen enklare. Automatisera något som du tidigare gjorde för hand.
IcoMoon, i den meningen, är ett byggverktyg. Det var (är) ett populärt verktyg för att bygga anpassade ikonfonter. Det är underbart för det. Jag stöder alla verktyg som uppmuntrar frontend devs att skapa anpassade, strömlinjeformade tillgångar för precis vad de behöver snarare än att inkludera diskbänken (varje ikon på jorden) och bara använda bitar av den. IcoMoon är inte bara för @ font-face icon-teckensnitt, men det kan mata ut SVG-defs-block, som det kallar en SVG-sprite (också en helt acceptabel term).
I grund och botten klickar du på de ikoner du vill ha och exporterar den och du får ett perfekt SVG-defs-block att använda. Observera att de inte använder än, och jag är inte säker på varför, men det betyder att du måste inkludera viewBoxoch tillgänglighets grejer på egen hand när du implementerar dem. Registrera dig för ett konto där och du kan spara projektet, vilket innebär att du kan komma tillbaka och ta bort / lägga till saker efter behov snarare än att börja om från början. Det gör det verkligen till ett byggverktyg.
Viktigt att veta om IcoMoon: du kan lägga till din egen SVG. Du är inte begränsad till vad du ser i standardappen. Du kan hämta SVG från någon annanstans och bara lägga till det där så sparar det med ditt projekt. Du kan använda IcoMoon som ett byggverktyg med endast din egen anpassade SVG och det skulle fortfarande vara användbart.