"IcoMoon Free" Icon Library

rp-7

#1

Hello Fellow UXers & IxDs,

I put together an Axure library of IcoMoon’s free set of icons. This totals 490 additional SVG-like icons you can use in your prototypes.

I want to thank IcoMoon for supporting this effort. Check out their larger, paid icon packs and their online utility for making own icon fonts: https://icomoon.io/#icons-icomoon

Also, I want to give my thanks to the Axure team for taking some time out of their busy lives to test the library before being released.

Few important notes:

  1. IcoMoon does not officially provide a webfont for this library. You can use the following but it is not officially supported:

    font-family: 'IcoMoon-Free';
    src: url('https://raw.githubusercontent.com/Keyamoon/IcoMoon-Free/master/Font/IcoMoon-Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    

    In my communication with IcoMoon, they made it sound like you can host your own version of the Free .ttf as an alternative.

  2. IcoMoon clarified that the free icons can be used for commercial work. For more information, consult the following or ping IcoMoon directly.
    Creative Commons BY 4.0 Creative Commons — Attribution 4.0 International — CC BY 4.0
    GNU Public License The GNU General Public License v3.0 - GNU Project - Free Software Foundation

  3. The attached .zip contains everything you will need to get started. To get the ttf from IcoMoon, you can follow this:
    https://github.com/Keyamoon/IcoMoon-Free/archive/master.zip

More directions are included in the first widget of the library. Hope you find this library useful!

light_forger
IcoMoon Free.zip (7.38 MB)


#2

Thanks. I have purchased Linearicons and I had to upload them to my server (Sorry it is not free version so I can not put the link here)
By using the font-family option I call the font from my server. But bear in mind you need to add an .htaccess file to the folder to let the cross browser call on font files. Here is an example:

<FilesMatch “.(ttf|otf|eot|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>


#3

Tekin,

Thank you for the post. If you could expand on this with a walkthrough, I think fellow UXers will appreciate it.

I tested the library using Dropbox’s Public folder, and it worked. Glad to find out there are also alternative methods of hosting :slight_smile:

light_forger


unlisted #4

listed #5

closed #6