Menu icon Foundation

Badgestatus awarded
Eric Echeverri over 3 years ago

Is is possible to add additional custom svg icons to the foundation font lib. if not what would be the best way to add additional icons in Foundation

Rafi Benkual over 3 years ago

That looks cool. Was there a message you wanted to include?

Rafi Benkual over 3 years ago

Ok, yes! You can submit a PR here: https://github.com/zurb/foundation-icon-fonts

Let me know if you need any help.

Eric Echeverri over 3 years ago

I have a set of icons we are using in our app. Would you please indicate the procedure to push them there.

https://drive.google.com/file/d/0ByX933abY8qzaEMwaXBXck9KRUE/view?usp=sharing

Or if you would like me to pick and choose, then I will

Thanks
Eric

Rafi Benkual over 3 years ago

Cool! I'll share these with our design lead to see if we can add them in! I'll get back to you soon!

Eric Echeverri over 3 years ago

Also I have a question how would I make the foundation fi-star a round icon in blue. I am trying to use your icons as much as I can

Rafi Benkual over 3 years ago
Eric Echeverri over 3 years ago

The last one was very helpful. Thank you so much

Saul over 3 years ago

Yes, you can.

First make the design you want to include in SVG format.
Copy an paste/rename any file in the SVG folder.
Open it and clears the current design, then insert your own design, trying to fit within the margins of the previous design, save.
Download and install FontForge http://fontforge.sf.net/
Open any font file, click on the empty box back to the last entry, look for the Unicode number.
Import your design, then export the font in SVG, WOFF and TTF formats.
For the EOT format you can use a converter on the internet or use ttf2eot in Linux
In foundation-icons.css add a new line whit the class name and the unicode number of your design

That's all. Work for me.

Regards.

Taylor Shaw 6 months ago

I have been wondering about the same for quite a while now. The answers shared here gave me a better idea regarding Adding additional icons to foundation icon font lib. This site has been offering a lot of updates regarding foundation forum. Thanks for sharing the question here. tour amsterdam

ritariya 4 months ago

I was thinking how to add additional icons to the icon font lib. But I could not get any answer for my search. Accidentally I have seen the post and I came to know about it. I got some methodologies and formats for adding the additional icon to the icon font lib.  Babylon Tours