Heroicons are "a set of free MIT-licensed high-quality SVG icons for you to use in your web projects". This package gives you Elixir functions to drop Heroicons into your HTML, styled with arbitrary classes.

Heroicons are designed by Steve Schoger

Current Heroicons Version: 2.0.0

Installation

Add Heroicons to your mix.exs:

defp deps do
  [
    {:heroicons, "~> 0.4.0"}
  ]
end

After that, run mix deps.get.

Usage

The components are in Heroicons.Solid, Heroicons.Outline, and Heroicons.Mini. Each icon is a Phoenix Component you can use in your HEEx templates.

<Heroicons.Solid.cake />

and style it with some classes

<Heroicons.Solid.cake class="h-6 w-6 text-gray-500" />

There are also function versions of each component:

<%= Heroicons.Solid.cake() %>

<%= Heroicons.Solid.cake(class: "h-6 w-6 text-gray-500") %>

For a full list of icons see the docs or heroicons.com.