View Source Phosphoricons (Phosphoricons v0.2.5)

This library provides Phoenix Components for every Phosphoricon. It can be used with LiveView or Surface, as well as functions

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

examples

Examples

<Phosphoricons.LiveView.Icon type="fill" name="flower" />

<Phosphoricons.Surface.Icon type="thin" name="chat" class="w-6 h-6" />

Can also be used as a function

<%= Phosphoricons.icon("plus") %>

<%= Phosphoricons.icon("x", class: "w-6 h-6") />

Phosphoricons are designed by by Tobias Fried

Link to this section Summary

Link to this section Functions

examples

Examples

Use as a Phoenix.Component

<.icon name="alarm" />

<.icon name="alarm" class="h-6 w-6 text-gray-500" />

or as a function

<%= icon("alarm") %>

<%= icon("alarm", class: "h-6 w-6 text-gray-500") %>