Bob reklambyrå logotyp

Font Awesome i PNG-format

Efter att ha kollat in AngularJS ett tag så bestämde jag mig för att göra en liten test-app i det när jag hade tid över. Då jag nyligen suttit och sparat ut en massa Font Awesome ikoner till PNG manuellt så fick jag idén att göra ett verktyg som gör detta enkelt.

Resultatet:

fa-exporter

I appen används Angulars filtreringsfunktion i listan till vänster, samt databinding i kombinaion med ett canvas-element till höger. Själva canvaselementet visas inte, utan exporterar istället sitt innehåll till en PNG-bild varje gång en ändring sker via databindingen. Därmed är det bara att dra och släppa bilden i miiten så har man en PNG-version av ikonen.

Verktyget finns här: https://bobreklambyra.se/font-awesome-png-exporter/