luckydevshop/foundicons

Integrate Zurb's Foundation icons into your Laravel project

Zurb's Foundation Icons

This package provides a method to generate marukp that uses Zurb's Foundation Icon Font. This was developed with Laravel in mind. If you find any bugs, please let me know via issue report on GitHub., _(*1)

Installation

To install through Composer, add this to your project's composer.json file:, _(*2)

"require": {
    "luckydevshop/foundicons": "1.*"
}

After you have added this to your composer file, run a composer update in your project's root directory:, _(*3)

composer update

Once that is complete you may add two lines to your application's configuration. This will alias the term Icon to this package., _(*4)

In the provider's array add this line:, _(*5)

'LuckyDevShop\Foundicons\FoundiconsServiceProvider'

And in the alias array:, _(*6)

'Icon' => 'LuckyDevShop\Foundicons\Icon'

Usage

To create the markup for an icon, use the following example in your blade file:, _(*7)

{{ Icon::cloud() }}

Which will produce:, _(*8)

<i class="fi-cloud"></i>

If you did not use the aliases as previously mentioned, you will have to use the full namespace in your blade template:, _(*9)

{{ LuckyDevShop\Foundicons\Icon::cloud() }}

Hyphenated classes

If there is a icon class that uses a hyphen, e.g. play-video, you would create the markup using an underscore:, _(*10)

{{ Icon::play_video() }}

Which will produce:, _(*11)

<i class="fi-play-video"></i>

Additional classes

If you need to pass additional classes to be put on the <i> element:, _(*12)

{{ Icon::wrench('foo', 'bar') }}

Which will produce:, _(*13)

<i class="fi-wrench foo bar"></i>