Monday, February 16, 2015 at 12:02 PM EST
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
That looks cool. Was there a message you wanted to include?
Ok, yes! You can submit a PR here: https://github.com/zurb/foundation-icon-fonts
Let me know if you need any help.
I have a set of icons we are using in our app. Would you please indicate the procedure to push them there.
Or if you would like me to pick and choose, then I will
Cool! I'll share these with our design lead to see if we can add them in! I'll get back to you soon!
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
Here's how I did it - http://codepen.io/rafibomb/pen/LEdvLB
The last one was very helpful. Thank you so much
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.
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
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
Create an Account
Get up to speed FAST, learn straight from the experts who built Foundation.
Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.
Or if you prefer, contact the Foundation Team at email@example.com or (408) 341-0600 x635