Results 1 to 3 of 3

Thread: "IcoMoon Free" Icon Library

  1. #1
    Sifu
    Join Date
    Dec 2011
    Location
    Chicago, IL
    Posts
    844
    Thanks
    144
    Thanked 229 Times in 160 Posts


    My Twitter My LinkedIn

    Lightbulb "IcoMoon Free" Icon Library

    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-...ive/master.zip

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

    light_forger
    Attached Files Attached Files
    Svetlin Denkov
    User Experience Professional
    Twitter: @svetlindenkov LinkedIn: http://linkd.in/JbZDre
    Meetup: http://bit.ly/1qITjzK

  2. The Following 4 Users Say Thank You to light_forger For This Useful Post:

    Alyssa Axure (11-10-2015), ivikavik (09-05-2016), tekin (11-11-2015), vinceteodoro (05-04-2016)

  3. #2
    Apprentice Level
    Join Date
    Aug 2015
    Posts
    22
    Thanks
    6
    Thanked 1 Time in 1 Post


    My LinkedIn
    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>

  4. #3
    Sifu
    Join Date
    Dec 2011
    Location
    Chicago, IL
    Posts
    844
    Thanks
    144
    Thanked 229 Times in 160 Posts


    My Twitter My LinkedIn
    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

    light_forger
    Svetlin Denkov
    User Experience Professional
    Twitter: @svetlindenkov LinkedIn: http://linkd.in/JbZDre
    Meetup: http://bit.ly/1qITjzK

Similar Threads

  1. Replies: 1
    Last Post: 08-08-2014, 07:29 AM
  2. Replies: 0
    Last Post: 05-20-2014, 11:58 AM
  3. Replies: 3
    Last Post: 06-19-2013, 04:00 PM
  4. How to remove the "case icon" when exporting wireframes as images?
    By Kollerson in forum 6.x Archived Questions
    Replies: 1
    Last Post: 01-17-2013, 09:35 AM
  5. Replies: 0
    Last Post: 04-29-2012, 08:13 AM

Search Engine Friendly URLs by vBSEO 3.6.0 PL2