Jump to content

Frog Font - easy icons for coding


Graham Quince

Recommended Posts

Hi,

We have (for a while now) produced a font with all our icons loaded in.  The font-family is called frog-font-mono

A couple of examples:

<span style="font-size: 36px;" class="ff-analytics-mono"></span>

<span style="font-size: 36px;" class="ff-frog-mono"></span>

This page is auto-generated and so should be kept up to date (it should also exist on your Frog):

https://www.frogcommunity.com/app/lib/vendor/frogfont/demo.html

I'd suggest using CTRL+F to look for specific icons - as they're all spread out quite a bit.  We also import font-awesome, although it's not the current version so some icons don't show up.

https://fontawesome.com/icons?d=gallery&v=4.3,4.2,4.1.4.0,3,2,1&

Note: the website supplies embed code using fas instead of the older fa class, remove the 's' to get the icons to work: 

<i class="fa fa-envelope"></i>

 


App Icons

There's also all the Frog application icons available.

Examples:

<span style="font-size: 50px; background: 0 0;" class="ui-app-icon-messages"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span><span class="path14"></span><span class="path15"></span><span class="path16"></span><span class="path17"></span><span class="path18"></span></span>

https://www.frogcommunity.com/app/lib/vendor/frogfont/app-icons/demo.html

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...