Heroicon

Ruby on Rails view helpers for the beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. This gem has no official affiliation with Tailwind CSS or the Heroicon team.

Check out their sites:

• Tailwind CSS
• Tailwind UI
• Heroicons

Installation

Add this line to your application’s Gemfile:

gem "heroicon"

And then execute:

$ bundle

Run the installer

$ rails g heroicon:install

Usage

To use a icon in your views, simply use the provided view helper with the name of an icon.

<%= heroicon "search" %>

Heroicon comes with two variants, :outline and :solid. By default it uses the variant provided in the configuration file that was generated during installation. To overwrite this in the view, use

<%= heroicon "search", variant: :outline %>

You can also pass a class to use on the icon.

<%= heroicon "search", options: { class: "text-primary-500" } %>

Heroicon currently supports icons up to Version 0.4.1. If there is a icon that is missing, feel free to contribute by following our contributing guide below.

Contributing

Anyone is encouraged to help improve this project. Here are a few ways you can help:

• Report bugs
• Fix bugs and submit pull requests
• Write, clarify, or fix documentation
• Suggest or add new features

To get started with development:

git clone https://github.com/bharget/heroicon.git
cd heroicon
bundle install
bundle exec rake test

License

The gem is available as open source under the terms of the MIT License.