Phosphor is a flexible icon family for interfaces, diagrams, presentations, by Tobias Fried.
1047 icons and counting 6 weights: Thin, Light, Regular, Bold, Fill, and Duotone Designed at 16 x 16px to read well small and scale up big Raw stroke information retained to fine-tune the style More ways to use at [phosphoricons.com].
Current Phosphoricons Version: 2.0.0
This library was a modification of the excellent work by Max Veytsman for the Heroicons library at [https://github.com/mveytsman/heroicons_elixir]
Add Phosphoricons to your mix.exs
:
defp deps do
[
{:phosphoricons, "~> 0.2.4"}
]
end
After that, run mix deps.get
.
The components are in Phosphoricons.LiveView.Icon
, and Phosphoricons.Surface.Icon
(check the Phosphoricons to know which weights exist). Each icon is a Phoenix/Surface Component you can use in your HEEx templates.
<Phosphoricons.LiveView.icon type="fill" name="alarm" />
and style it with some classes
<Phosphoricons.LiveView.icon type="fill" name="alarm" class="h-6 w-6 text-gray-500" />
Surface is also supported
<Phosphoricons.Surface.icon type="fill" name="alarm" class="h-6 w-6 text-gray-500" />
There are also function versions of each component:
<%= Phosphoricons.icon("alarm") %>
<%= Phosphoricons.icon("alarm", class: "h-6 w-6 text-gray-500") %>
For a full list of icons see the docs or https://phosphoricons.com/.