Get started

It’s a free font which is CSS ready and easy to use for your apps or web projects.

Add-ons for Visual Composer

This simple plugin for adding a Erana icons to your wordpress website

erana icons for visual composer
Regular Erana Icons Font Add-on

Read more about the benefits

erana icons for visual composer
Extended Erana Icons Font Add-on

Read more about the benefits

No downloading but installing

All with just a single line of code

  1. Paste the following code into the <head> section of your site’s HTML.
    <link rel="stylesheet" href="http://freeiconfonts.com/Erana/style.css">

Check out the examples to start using Erana icons!

Download & Customize

Using CSS

Use this method to get the default Erana icons CSS.

    1. Copy the entire erana/ directory into your project.
    2. In the <head> of your html, reference the location to your erana-icons.css.
      <link rel="stylesheet" href="path/to/Erana/style.css">
      

Check out the examples to start using Erana icons!

Using Sass or Less

  1. Copy the erana/ directory into your project.
  2. Open your project’s erana/less/variables.less or erana/scss/_variables.scss and edit the @ea-font-path or $ea-font-path variable to point to your font directory.
    @ea-font-path:   ../font";
    
  3. Re-compile your LESS or SASS if using a static compiler. Otherwise, you should be good to go.

Check out the examples to start using Erana icons!

Download and install the font ( erana.ttf )

Follow along with these simple steps and you’ll be using the font icons as graphics in no time at all.

  1. Download the latest version of the icon set.
  2. Unzip the downloaded archive and install the erana.ttf font file on your computer’s font directory. …

Check out the examples to start using Erana icons!

Testimonial

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua at vero. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor empor invidunt ut labore et dolore.- John Doe, Apple Inc.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua at vero. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.- Jane Smith, Google
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua at vero. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor empor invidunt ut labore et dolore.- Mac Miller