View Source PhoenixDuskmoon.Icons (PhoenixDuskmoon v4.5.0)
Render 7000+ Material Design Icons
Summary
Functions
Return all names of available Bootstrap Icons. Can be found at Bootstrap Icons
Render Bootstrap Icons
Render Material Design Icons
Return all names of available Material Design Icons. Can be found at Material Design Icons
Functions
@spec bsi_icons() :: [String.t()]
Return all names of available Bootstrap Icons. Can be found at Bootstrap Icons
> PhoenixDuskmoon.Icons.bsi_icons()
#=> [
"0-circle-fill.svg",
"0-circle.svg",
...
]
Render Bootstrap Icons
Examples
<.dm_bsi name="0-circle" class="w-16 h-16" />
#=> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-16 h-16" viewBox="0 0 16 16">
#=> <path d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99ZM8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z"/>
#=> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z"/>
#=> </svg>
Attributes
id
(:any
) - html attribute id. Defaults tofalse
.class
(:any
) - html attribute class. Defaults to""
.name
(:string
) (required) - bootstrap icon name, avaliable names are return value ofbsi_icons()
.color
(:string
) - icon color. Defaults to"currentcolor"
.
Render Material Design Icons
Examples
<.dm_mdi name="abacus" id="mdi-abjad-arabic" class="w-16 h-16" />
#=> <svg xmlns="http://www.w3.org/2000/svg" id="mdi-abjad-arabic" class="w-16 h-16" fill="currentcolor" viewBox="0 0 24 24"><path d="M12 4C10.08 4 8.5 5.58 8.5 7.5C8.5 8.43 8.88 9.28 9.5 9.91C7.97 10.91 7 12.62 7 14.5C7 17.53 9.47 20 12.5 20C14.26 20 16 19.54 17.5 18.66L16.5 16.93C15.28 17.63 13.9 18 12.5 18C10.56 18 9 16.45 9 14.5C9 12.91 10.06 11.53 11.59 11.12L16.8 9.72L16.28 7.79L11.83 9C11.08 8.9 10.5 8.28 10.5 7.5C10.5 6.66 11.16 6 12 6C12.26 6 12.5 6.07 12.75 6.2L13.75 4.47C13.22 4.16 12.61 4 12 4Z" /></svg>
Attributes
id
(:any
) - html attribute id. Defaults tofalse
.class
(:any
) - html attribute class. Defaults to""
.name
(:string
) (required) - material icon name, avaliable names are return value ofmdi_icons()
.color
(:string
) - icon color. Defaults to"currentcolor"
.
@spec mdi_icons() :: [String.t()]
Return all names of available Material Design Icons. Can be found at Material Design Icons
> PhoenixDuskmoon.Icons.mdi_icons()
#=> [
#=> "abacus.svg",
#=> "abjad-arabic.svg",
#=> ...
#=> ]