Heroicons.Outline (Heroicons v0.4.1) View Source

Outline style icons drawn with a stroke, packaged as Phoenix Components. For primary navigation and marketing sections, with an outlined appearance, designed to be rendered at 24x24.

Link to this section Summary

Functions

Link to this section Functions

Link to this function

academic_cap(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.academic_cap />
<.academic_cap class="w-6 h-6 text-gray-500" />

or as a function

<%= academic_cap() %>
<%= academic_cap(class: "w-6 h-6 text-gray-500") %>
Link to this function

adjustments_horizontal(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.adjustments_horizontal />
<.adjustments_horizontal class="w-6 h-6 text-gray-500" />

or as a function

<%= adjustments_horizontal() %>
<%= adjustments_horizontal(class: "w-6 h-6 text-gray-500") %>
Link to this function

adjustments_vertical(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.adjustments_vertical />
<.adjustments_vertical class="w-6 h-6 text-gray-500" />

or as a function

<%= adjustments_vertical() %>
<%= adjustments_vertical(class: "w-6 h-6 text-gray-500") %>
Link to this function

archive_box(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.archive_box />
<.archive_box class="w-6 h-6 text-gray-500" />

or as a function

<%= archive_box() %>
<%= archive_box(class: "w-6 h-6 text-gray-500") %>
Link to this function

archive_box_arrow_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.archive_box_arrow_down />
<.archive_box_arrow_down class="w-6 h-6 text-gray-500" />

or as a function

<%= archive_box_arrow_down() %>
<%= archive_box_arrow_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

archive_box_x_mark(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.archive_box_x_mark />
<.archive_box_x_mark class="w-6 h-6 text-gray-500" />

or as a function

<%= archive_box_x_mark() %>
<%= archive_box_x_mark(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_down />
<.arrow_down class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_down() %>
<%= arrow_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_down_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_down_circle />
<.arrow_down_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_down_circle() %>
<%= arrow_down_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_down_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_down_left />
<.arrow_down_left class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_down_left() %>
<%= arrow_down_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_down_on_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_down_on_square />
<.arrow_down_on_square class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_down_on_square() %>
<%= arrow_down_on_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_down_on_square_stack(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_down_on_square_stack />
<.arrow_down_on_square_stack class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_down_on_square_stack() %>
<%= arrow_down_on_square_stack(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_down_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_down_right />
<.arrow_down_right class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_down_right() %>
<%= arrow_down_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_down_tray(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_down_tray />
<.arrow_down_tray class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_down_tray() %>
<%= arrow_down_tray(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_left />
<.arrow_left class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_left() %>
<%= arrow_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_left_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_left_circle />
<.arrow_left_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_left_circle() %>
<%= arrow_left_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_left_on_rectangle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_left_on_rectangle />
<.arrow_left_on_rectangle class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_left_on_rectangle() %>
<%= arrow_left_on_rectangle(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_long_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_long_down />
<.arrow_long_down class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_long_down() %>
<%= arrow_long_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_long_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_long_left />
<.arrow_long_left class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_long_left() %>
<%= arrow_long_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_long_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_long_right />
<.arrow_long_right class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_long_right() %>
<%= arrow_long_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_long_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_long_up />
<.arrow_long_up class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_long_up() %>
<%= arrow_long_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_path(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_path />
<.arrow_path class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_path() %>
<%= arrow_path(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_path_rounded_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_path_rounded_square />
<.arrow_path_rounded_square class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_path_rounded_square() %>
<%= arrow_path_rounded_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_right />
<.arrow_right class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_right() %>
<%= arrow_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_right_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_right_circle />
<.arrow_right_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_right_circle() %>
<%= arrow_right_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_right_on_rectangle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_right_on_rectangle />
<.arrow_right_on_rectangle class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_right_on_rectangle() %>
<%= arrow_right_on_rectangle(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_small_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_small_down />
<.arrow_small_down class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_small_down() %>
<%= arrow_small_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_small_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_small_left />
<.arrow_small_left class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_small_left() %>
<%= arrow_small_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_small_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_small_right />
<.arrow_small_right class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_small_right() %>
<%= arrow_small_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_small_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_small_up />
<.arrow_small_up class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_small_up() %>
<%= arrow_small_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_top_right_on_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_top_right_on_square />
<.arrow_top_right_on_square class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_top_right_on_square() %>
<%= arrow_top_right_on_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_up />
<.arrow_up class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_up() %>
<%= arrow_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_up_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_up_circle />
<.arrow_up_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_up_circle() %>
<%= arrow_up_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_up_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_up_left />
<.arrow_up_left class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_up_left() %>
<%= arrow_up_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_up_on_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_up_on_square />
<.arrow_up_on_square class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_up_on_square() %>
<%= arrow_up_on_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_up_on_square_stack(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_up_on_square_stack />
<.arrow_up_on_square_stack class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_up_on_square_stack() %>
<%= arrow_up_on_square_stack(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_up_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_up_right />
<.arrow_up_right class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_up_right() %>
<%= arrow_up_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_up_tray(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_up_tray />
<.arrow_up_tray class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_up_tray() %>
<%= arrow_up_tray(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_uturn_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_uturn_down />
<.arrow_uturn_down class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_uturn_down() %>
<%= arrow_uturn_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_uturn_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_uturn_left />
<.arrow_uturn_left class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_uturn_left() %>
<%= arrow_uturn_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_uturn_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_uturn_right />
<.arrow_uturn_right class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_uturn_right() %>
<%= arrow_uturn_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrow_uturn_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrow_uturn_up />
<.arrow_uturn_up class="w-6 h-6 text-gray-500" />

or as a function

<%= arrow_uturn_up() %>
<%= arrow_uturn_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrows_pointing_in(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrows_pointing_in />
<.arrows_pointing_in class="w-6 h-6 text-gray-500" />

or as a function

<%= arrows_pointing_in() %>
<%= arrows_pointing_in(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrows_pointing_out(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrows_pointing_out />
<.arrows_pointing_out class="w-6 h-6 text-gray-500" />

or as a function

<%= arrows_pointing_out() %>
<%= arrows_pointing_out(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrows_right_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrows_right_left />
<.arrows_right_left class="w-6 h-6 text-gray-500" />

or as a function

<%= arrows_right_left() %>
<%= arrows_right_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

arrows_up_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.arrows_up_down />
<.arrows_up_down class="w-6 h-6 text-gray-500" />

or as a function

<%= arrows_up_down() %>
<%= arrows_up_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

at_symbol(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.at_symbol />
<.at_symbol class="w-6 h-6 text-gray-500" />

or as a function

<%= at_symbol() %>
<%= at_symbol(class: "w-6 h-6 text-gray-500") %>
Link to this function

backspace(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.backspace />
<.backspace class="w-6 h-6 text-gray-500" />

or as a function

<%= backspace() %>
<%= backspace(class: "w-6 h-6 text-gray-500") %>
Link to this function

backward(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.backward />
<.backward class="w-6 h-6 text-gray-500" />

or as a function

<%= backward() %>
<%= backward(class: "w-6 h-6 text-gray-500") %>
Link to this function

banknotes(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.banknotes />
<.banknotes class="w-6 h-6 text-gray-500" />

or as a function

<%= banknotes() %>
<%= banknotes(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_2(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_2 />
<.bars_2 class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_2() %>
<%= bars_2(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_3(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_3 />
<.bars_3 class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_3() %>
<%= bars_3(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_3_bottom_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_3_bottom_left />
<.bars_3_bottom_left class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_3_bottom_left() %>
<%= bars_3_bottom_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_3_bottom_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_3_bottom_right />
<.bars_3_bottom_right class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_3_bottom_right() %>
<%= bars_3_bottom_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_3_center_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_3_center_left />
<.bars_3_center_left class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_3_center_left() %>
<%= bars_3_center_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_4(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_4 />
<.bars_4 class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_4() %>
<%= bars_4(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_arrow_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_arrow_down />
<.bars_arrow_down class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_arrow_down() %>
<%= bars_arrow_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

bars_arrow_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bars_arrow_up />
<.bars_arrow_up class="w-6 h-6 text-gray-500" />

or as a function

<%= bars_arrow_up() %>
<%= bars_arrow_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

battery_0(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.battery_0 />
<.battery_0 class="w-6 h-6 text-gray-500" />

or as a function

<%= battery_0() %>
<%= battery_0(class: "w-6 h-6 text-gray-500") %>
Link to this function

battery_100(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.battery_100 />
<.battery_100 class="w-6 h-6 text-gray-500" />

or as a function

<%= battery_100() %>
<%= battery_100(class: "w-6 h-6 text-gray-500") %>
Link to this function

battery_50(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.battery_50 />
<.battery_50 class="w-6 h-6 text-gray-500" />

or as a function

<%= battery_50() %>
<%= battery_50(class: "w-6 h-6 text-gray-500") %>
Link to this function

beaker(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.beaker />
<.beaker class="w-6 h-6 text-gray-500" />

or as a function

<%= beaker() %>
<%= beaker(class: "w-6 h-6 text-gray-500") %>
Link to this function

bell(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bell />
<.bell class="w-6 h-6 text-gray-500" />

or as a function

<%= bell() %>
<%= bell(class: "w-6 h-6 text-gray-500") %>
Link to this function

bell_alert(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bell_alert />
<.bell_alert class="w-6 h-6 text-gray-500" />

or as a function

<%= bell_alert() %>
<%= bell_alert(class: "w-6 h-6 text-gray-500") %>
Link to this function

bell_slash(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bell_slash />
<.bell_slash class="w-6 h-6 text-gray-500" />

or as a function

<%= bell_slash() %>
<%= bell_slash(class: "w-6 h-6 text-gray-500") %>
Link to this function

bell_snooze(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bell_snooze />
<.bell_snooze class="w-6 h-6 text-gray-500" />

or as a function

<%= bell_snooze() %>
<%= bell_snooze(class: "w-6 h-6 text-gray-500") %>
Link to this function

bolt(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bolt />
<.bolt class="w-6 h-6 text-gray-500" />

or as a function

<%= bolt() %>
<%= bolt(class: "w-6 h-6 text-gray-500") %>
Link to this function

bolt_slash(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bolt_slash />
<.bolt_slash class="w-6 h-6 text-gray-500" />

or as a function

<%= bolt_slash() %>
<%= bolt_slash(class: "w-6 h-6 text-gray-500") %>
Link to this function

book_open(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.book_open />
<.book_open class="w-6 h-6 text-gray-500" />

or as a function

<%= book_open() %>
<%= book_open(class: "w-6 h-6 text-gray-500") %>
Link to this function

bookmark(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bookmark />
<.bookmark class="w-6 h-6 text-gray-500" />

or as a function

<%= bookmark() %>
<%= bookmark(class: "w-6 h-6 text-gray-500") %>
Link to this function

bookmark_slash(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bookmark_slash />
<.bookmark_slash class="w-6 h-6 text-gray-500" />

or as a function

<%= bookmark_slash() %>
<%= bookmark_slash(class: "w-6 h-6 text-gray-500") %>
Link to this function

bookmark_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.bookmark_square />
<.bookmark_square class="w-6 h-6 text-gray-500" />

or as a function

<%= bookmark_square() %>
<%= bookmark_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

briefcase(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.briefcase />
<.briefcase class="w-6 h-6 text-gray-500" />

or as a function

<%= briefcase() %>
<%= briefcase(class: "w-6 h-6 text-gray-500") %>
Link to this function

building_library(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.building_library />
<.building_library class="w-6 h-6 text-gray-500" />

or as a function

<%= building_library() %>
<%= building_library(class: "w-6 h-6 text-gray-500") %>
Link to this function

building_office(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.building_office />
<.building_office class="w-6 h-6 text-gray-500" />

or as a function

<%= building_office() %>
<%= building_office(class: "w-6 h-6 text-gray-500") %>
Link to this function

building_office_2(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.building_office_2 />
<.building_office_2 class="w-6 h-6 text-gray-500" />

or as a function

<%= building_office_2() %>
<%= building_office_2(class: "w-6 h-6 text-gray-500") %>
Link to this function

building_storefront(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.building_storefront />
<.building_storefront class="w-6 h-6 text-gray-500" />

or as a function

<%= building_storefront() %>
<%= building_storefront(class: "w-6 h-6 text-gray-500") %>
Link to this function

cake(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

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

or as a function

<%= cake() %>
<%= cake(class: "w-6 h-6 text-gray-500") %>
Link to this function

calculator(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.calculator />
<.calculator class="w-6 h-6 text-gray-500" />

or as a function

<%= calculator() %>
<%= calculator(class: "w-6 h-6 text-gray-500") %>
Link to this function

calendar(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.calendar />
<.calendar class="w-6 h-6 text-gray-500" />

or as a function

<%= calendar() %>
<%= calendar(class: "w-6 h-6 text-gray-500") %>
Link to this function

calendar_days(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.calendar_days />
<.calendar_days class="w-6 h-6 text-gray-500" />

or as a function

<%= calendar_days() %>
<%= calendar_days(class: "w-6 h-6 text-gray-500") %>
Link to this function

camera(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.camera />
<.camera class="w-6 h-6 text-gray-500" />

or as a function

<%= camera() %>
<%= camera(class: "w-6 h-6 text-gray-500") %>
Link to this function

chart_bar(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chart_bar />
<.chart_bar class="w-6 h-6 text-gray-500" />

or as a function

<%= chart_bar() %>
<%= chart_bar(class: "w-6 h-6 text-gray-500") %>
Link to this function

chart_bar_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chart_bar_square />
<.chart_bar_square class="w-6 h-6 text-gray-500" />

or as a function

<%= chart_bar_square() %>
<%= chart_bar_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

chart_pie(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chart_pie />
<.chart_pie class="w-6 h-6 text-gray-500" />

or as a function

<%= chart_pie() %>
<%= chart_pie(class: "w-6 h-6 text-gray-500") %>
Link to this function

chat_bubble_bottom_center(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chat_bubble_bottom_center />
<.chat_bubble_bottom_center class="w-6 h-6 text-gray-500" />

or as a function

<%= chat_bubble_bottom_center() %>
<%= chat_bubble_bottom_center(class: "w-6 h-6 text-gray-500") %>
Link to this function

chat_bubble_bottom_center_text(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chat_bubble_bottom_center_text />
<.chat_bubble_bottom_center_text class="w-6 h-6 text-gray-500" />

or as a function

<%= chat_bubble_bottom_center_text() %>
<%= chat_bubble_bottom_center_text(class: "w-6 h-6 text-gray-500") %>
Link to this function

chat_bubble_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chat_bubble_left />
<.chat_bubble_left class="w-6 h-6 text-gray-500" />

or as a function

<%= chat_bubble_left() %>
<%= chat_bubble_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

chat_bubble_left_ellipsis(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chat_bubble_left_ellipsis />
<.chat_bubble_left_ellipsis class="w-6 h-6 text-gray-500" />

or as a function

<%= chat_bubble_left_ellipsis() %>
<%= chat_bubble_left_ellipsis(class: "w-6 h-6 text-gray-500") %>
Link to this function

chat_bubble_left_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chat_bubble_left_right />
<.chat_bubble_left_right class="w-6 h-6 text-gray-500" />

or as a function

<%= chat_bubble_left_right() %>
<%= chat_bubble_left_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

chat_bubble_oval_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chat_bubble_oval_left />
<.chat_bubble_oval_left class="w-6 h-6 text-gray-500" />

or as a function

<%= chat_bubble_oval_left() %>
<%= chat_bubble_oval_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

chat_bubble_oval_left_ellipsis(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chat_bubble_oval_left_ellipsis />
<.chat_bubble_oval_left_ellipsis class="w-6 h-6 text-gray-500" />

or as a function

<%= chat_bubble_oval_left_ellipsis() %>
<%= chat_bubble_oval_left_ellipsis(class: "w-6 h-6 text-gray-500") %>
Link to this function

check(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.check />
<.check class="w-6 h-6 text-gray-500" />

or as a function

<%= check() %>
<%= check(class: "w-6 h-6 text-gray-500") %>
Link to this function

check_badge(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.check_badge />
<.check_badge class="w-6 h-6 text-gray-500" />

or as a function

<%= check_badge() %>
<%= check_badge(class: "w-6 h-6 text-gray-500") %>
Link to this function

check_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.check_circle />
<.check_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= check_circle() %>
<%= check_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_double_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_double_down />
<.chevron_double_down class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_double_down() %>
<%= chevron_double_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_double_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_double_left />
<.chevron_double_left class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_double_left() %>
<%= chevron_double_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_double_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_double_right />
<.chevron_double_right class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_double_right() %>
<%= chevron_double_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_double_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_double_up />
<.chevron_double_up class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_double_up() %>
<%= chevron_double_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_down />
<.chevron_down class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_down() %>
<%= chevron_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_left />
<.chevron_left class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_left() %>
<%= chevron_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_right />
<.chevron_right class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_right() %>
<%= chevron_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_up />
<.chevron_up class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_up() %>
<%= chevron_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

chevron_up_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.chevron_up_down />
<.chevron_up_down class="w-6 h-6 text-gray-500" />

or as a function

<%= chevron_up_down() %>
<%= chevron_up_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

circle_stack(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.circle_stack />
<.circle_stack class="w-6 h-6 text-gray-500" />

or as a function

<%= circle_stack() %>
<%= circle_stack(class: "w-6 h-6 text-gray-500") %>
Link to this function

clipboard(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.clipboard />
<.clipboard class="w-6 h-6 text-gray-500" />

or as a function

<%= clipboard() %>
<%= clipboard(class: "w-6 h-6 text-gray-500") %>
Link to this function

clipboard_document(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.clipboard_document />
<.clipboard_document class="w-6 h-6 text-gray-500" />

or as a function

<%= clipboard_document() %>
<%= clipboard_document(class: "w-6 h-6 text-gray-500") %>
Link to this function

clipboard_document_check(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.clipboard_document_check />
<.clipboard_document_check class="w-6 h-6 text-gray-500" />

or as a function

<%= clipboard_document_check() %>
<%= clipboard_document_check(class: "w-6 h-6 text-gray-500") %>
Link to this function

clipboard_document_list(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.clipboard_document_list />
<.clipboard_document_list class="w-6 h-6 text-gray-500" />

or as a function

<%= clipboard_document_list() %>
<%= clipboard_document_list(class: "w-6 h-6 text-gray-500") %>
Link to this function

clock(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.clock />
<.clock class="w-6 h-6 text-gray-500" />

or as a function

<%= clock() %>
<%= clock(class: "w-6 h-6 text-gray-500") %>
Link to this function

cloud(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cloud />
<.cloud class="w-6 h-6 text-gray-500" />

or as a function

<%= cloud() %>
<%= cloud(class: "w-6 h-6 text-gray-500") %>
Link to this function

cloud_arrow_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cloud_arrow_down />
<.cloud_arrow_down class="w-6 h-6 text-gray-500" />

or as a function

<%= cloud_arrow_down() %>
<%= cloud_arrow_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

cloud_arrow_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cloud_arrow_up />
<.cloud_arrow_up class="w-6 h-6 text-gray-500" />

or as a function

<%= cloud_arrow_up() %>
<%= cloud_arrow_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

code_bracket(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.code_bracket />
<.code_bracket class="w-6 h-6 text-gray-500" />

or as a function

<%= code_bracket() %>
<%= code_bracket(class: "w-6 h-6 text-gray-500") %>
Link to this function

code_bracket_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.code_bracket_square />
<.code_bracket_square class="w-6 h-6 text-gray-500" />

or as a function

<%= code_bracket_square() %>
<%= code_bracket_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

cog(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cog />
<.cog class="w-6 h-6 text-gray-500" />

or as a function

<%= cog() %>
<%= cog(class: "w-6 h-6 text-gray-500") %>
Link to this function

cog_6_tooth(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cog_6_tooth />
<.cog_6_tooth class="w-6 h-6 text-gray-500" />

or as a function

<%= cog_6_tooth() %>
<%= cog_6_tooth(class: "w-6 h-6 text-gray-500") %>
Link to this function

cog_8_tooth(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cog_8_tooth />
<.cog_8_tooth class="w-6 h-6 text-gray-500" />

or as a function

<%= cog_8_tooth() %>
<%= cog_8_tooth(class: "w-6 h-6 text-gray-500") %>
Link to this function

command_line(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.command_line />
<.command_line class="w-6 h-6 text-gray-500" />

or as a function

<%= command_line() %>
<%= command_line(class: "w-6 h-6 text-gray-500") %>
Link to this function

computer_desktop(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.computer_desktop />
<.computer_desktop class="w-6 h-6 text-gray-500" />

or as a function

<%= computer_desktop() %>
<%= computer_desktop(class: "w-6 h-6 text-gray-500") %>
Link to this function

cpu_chip(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cpu_chip />
<.cpu_chip class="w-6 h-6 text-gray-500" />

or as a function

<%= cpu_chip() %>
<%= cpu_chip(class: "w-6 h-6 text-gray-500") %>
Link to this function

credit_card(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.credit_card />
<.credit_card class="w-6 h-6 text-gray-500" />

or as a function

<%= credit_card() %>
<%= credit_card(class: "w-6 h-6 text-gray-500") %>
Link to this function

cube(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cube />
<.cube class="w-6 h-6 text-gray-500" />

or as a function

<%= cube() %>
<%= cube(class: "w-6 h-6 text-gray-500") %>
Link to this function

cube_transparent(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cube_transparent />
<.cube_transparent class="w-6 h-6 text-gray-500" />

or as a function

<%= cube_transparent() %>
<%= cube_transparent(class: "w-6 h-6 text-gray-500") %>
Link to this function

currency_bangladeshi(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.currency_bangladeshi />
<.currency_bangladeshi class="w-6 h-6 text-gray-500" />

or as a function

<%= currency_bangladeshi() %>
<%= currency_bangladeshi(class: "w-6 h-6 text-gray-500") %>
Link to this function

currency_dollar(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.currency_dollar />
<.currency_dollar class="w-6 h-6 text-gray-500" />

or as a function

<%= currency_dollar() %>
<%= currency_dollar(class: "w-6 h-6 text-gray-500") %>
Link to this function

currency_euro(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.currency_euro />
<.currency_euro class="w-6 h-6 text-gray-500" />

or as a function

<%= currency_euro() %>
<%= currency_euro(class: "w-6 h-6 text-gray-500") %>
Link to this function

currency_pound(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.currency_pound />
<.currency_pound class="w-6 h-6 text-gray-500" />

or as a function

<%= currency_pound() %>
<%= currency_pound(class: "w-6 h-6 text-gray-500") %>
Link to this function

currency_rupee(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.currency_rupee />
<.currency_rupee class="w-6 h-6 text-gray-500" />

or as a function

<%= currency_rupee() %>
<%= currency_rupee(class: "w-6 h-6 text-gray-500") %>
Link to this function

currency_yen(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.currency_yen />
<.currency_yen class="w-6 h-6 text-gray-500" />

or as a function

<%= currency_yen() %>
<%= currency_yen(class: "w-6 h-6 text-gray-500") %>
Link to this function

cursor_arrow_rays(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cursor_arrow_rays />
<.cursor_arrow_rays class="w-6 h-6 text-gray-500" />

or as a function

<%= cursor_arrow_rays() %>
<%= cursor_arrow_rays(class: "w-6 h-6 text-gray-500") %>
Link to this function

cursor_arrow_ripple(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.cursor_arrow_ripple />
<.cursor_arrow_ripple class="w-6 h-6 text-gray-500" />

or as a function

<%= cursor_arrow_ripple() %>
<%= cursor_arrow_ripple(class: "w-6 h-6 text-gray-500") %>
Link to this function

device_phone_mobile(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.device_phone_mobile />
<.device_phone_mobile class="w-6 h-6 text-gray-500" />

or as a function

<%= device_phone_mobile() %>
<%= device_phone_mobile(class: "w-6 h-6 text-gray-500") %>
Link to this function

device_tablet(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.device_tablet />
<.device_tablet class="w-6 h-6 text-gray-500" />

or as a function

<%= device_tablet() %>
<%= device_tablet(class: "w-6 h-6 text-gray-500") %>
Link to this function

document(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document />
<.document class="w-6 h-6 text-gray-500" />

or as a function

<%= document() %>
<%= document(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_arrow_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_arrow_down />
<.document_arrow_down class="w-6 h-6 text-gray-500" />

or as a function

<%= document_arrow_down() %>
<%= document_arrow_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_arrow_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_arrow_up />
<.document_arrow_up class="w-6 h-6 text-gray-500" />

or as a function

<%= document_arrow_up() %>
<%= document_arrow_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_chart_bar(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_chart_bar />
<.document_chart_bar class="w-6 h-6 text-gray-500" />

or as a function

<%= document_chart_bar() %>
<%= document_chart_bar(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_check(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_check />
<.document_check class="w-6 h-6 text-gray-500" />

or as a function

<%= document_check() %>
<%= document_check(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_duplicate(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_duplicate />
<.document_duplicate class="w-6 h-6 text-gray-500" />

or as a function

<%= document_duplicate() %>
<%= document_duplicate(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_magnifying_glass(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_magnifying_glass />
<.document_magnifying_glass class="w-6 h-6 text-gray-500" />

or as a function

<%= document_magnifying_glass() %>
<%= document_magnifying_glass(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_minus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_minus />
<.document_minus class="w-6 h-6 text-gray-500" />

or as a function

<%= document_minus() %>
<%= document_minus(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_plus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_plus />
<.document_plus class="w-6 h-6 text-gray-500" />

or as a function

<%= document_plus() %>
<%= document_plus(class: "w-6 h-6 text-gray-500") %>
Link to this function

document_text(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.document_text />
<.document_text class="w-6 h-6 text-gray-500" />

or as a function

<%= document_text() %>
<%= document_text(class: "w-6 h-6 text-gray-500") %>
Link to this function

ellipsis_horizontal(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.ellipsis_horizontal />
<.ellipsis_horizontal class="w-6 h-6 text-gray-500" />

or as a function

<%= ellipsis_horizontal() %>
<%= ellipsis_horizontal(class: "w-6 h-6 text-gray-500") %>
Link to this function

ellipsis_horizontal_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.ellipsis_horizontal_circle />
<.ellipsis_horizontal_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= ellipsis_horizontal_circle() %>
<%= ellipsis_horizontal_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

ellipsis_vertical(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.ellipsis_vertical />
<.ellipsis_vertical class="w-6 h-6 text-gray-500" />

or as a function

<%= ellipsis_vertical() %>
<%= ellipsis_vertical(class: "w-6 h-6 text-gray-500") %>
Link to this function

envelope(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.envelope />
<.envelope class="w-6 h-6 text-gray-500" />

or as a function

<%= envelope() %>
<%= envelope(class: "w-6 h-6 text-gray-500") %>
Link to this function

envelope_open(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.envelope_open />
<.envelope_open class="w-6 h-6 text-gray-500" />

or as a function

<%= envelope_open() %>
<%= envelope_open(class: "w-6 h-6 text-gray-500") %>
Link to this function

exclamation_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.exclamation_circle />
<.exclamation_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= exclamation_circle() %>
<%= exclamation_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

exclamation_triangle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.exclamation_triangle />
<.exclamation_triangle class="w-6 h-6 text-gray-500" />

or as a function

<%= exclamation_triangle() %>
<%= exclamation_triangle(class: "w-6 h-6 text-gray-500") %>
Link to this function

eye(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.eye />
<.eye class="w-6 h-6 text-gray-500" />

or as a function

<%= eye() %>
<%= eye(class: "w-6 h-6 text-gray-500") %>
Link to this function

eye_slash(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.eye_slash />
<.eye_slash class="w-6 h-6 text-gray-500" />

or as a function

<%= eye_slash() %>
<%= eye_slash(class: "w-6 h-6 text-gray-500") %>
Link to this function

face_frown(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.face_frown />
<.face_frown class="w-6 h-6 text-gray-500" />

or as a function

<%= face_frown() %>
<%= face_frown(class: "w-6 h-6 text-gray-500") %>
Link to this function

face_smile(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.face_smile />
<.face_smile class="w-6 h-6 text-gray-500" />

or as a function

<%= face_smile() %>
<%= face_smile(class: "w-6 h-6 text-gray-500") %>
Link to this function

film(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.film />
<.film class="w-6 h-6 text-gray-500" />

or as a function

<%= film() %>
<%= film(class: "w-6 h-6 text-gray-500") %>
Link to this function

finger_print(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.finger_print />
<.finger_print class="w-6 h-6 text-gray-500" />

or as a function

<%= finger_print() %>
<%= finger_print(class: "w-6 h-6 text-gray-500") %>
Link to this function

fire(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.fire />
<.fire class="w-6 h-6 text-gray-500" />

or as a function

<%= fire() %>
<%= fire(class: "w-6 h-6 text-gray-500") %>
Link to this function

flag(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.flag />
<.flag class="w-6 h-6 text-gray-500" />

or as a function

<%= flag() %>
<%= flag(class: "w-6 h-6 text-gray-500") %>
Link to this function

folder(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.folder />
<.folder class="w-6 h-6 text-gray-500" />

or as a function

<%= folder() %>
<%= folder(class: "w-6 h-6 text-gray-500") %>
Link to this function

folder_arrow_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.folder_arrow_down />
<.folder_arrow_down class="w-6 h-6 text-gray-500" />

or as a function

<%= folder_arrow_down() %>
<%= folder_arrow_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

folder_minus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.folder_minus />
<.folder_minus class="w-6 h-6 text-gray-500" />

or as a function

<%= folder_minus() %>
<%= folder_minus(class: "w-6 h-6 text-gray-500") %>
Link to this function

folder_open(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.folder_open />
<.folder_open class="w-6 h-6 text-gray-500" />

or as a function

<%= folder_open() %>
<%= folder_open(class: "w-6 h-6 text-gray-500") %>
Link to this function

folder_plus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.folder_plus />
<.folder_plus class="w-6 h-6 text-gray-500" />

or as a function

<%= folder_plus() %>
<%= folder_plus(class: "w-6 h-6 text-gray-500") %>
Link to this function

forward(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.forward />
<.forward class="w-6 h-6 text-gray-500" />

or as a function

<%= forward() %>
<%= forward(class: "w-6 h-6 text-gray-500") %>
Link to this function

funnel(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.funnel />
<.funnel class="w-6 h-6 text-gray-500" />

or as a function

<%= funnel() %>
<%= funnel(class: "w-6 h-6 text-gray-500") %>
Link to this function

gif(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.gif />
<.gif class="w-6 h-6 text-gray-500" />

or as a function

<%= gif() %>
<%= gif(class: "w-6 h-6 text-gray-500") %>
Link to this function

gift(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.gift />
<.gift class="w-6 h-6 text-gray-500" />

or as a function

<%= gift() %>
<%= gift(class: "w-6 h-6 text-gray-500") %>
Link to this function

gift_top(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.gift_top />
<.gift_top class="w-6 h-6 text-gray-500" />

or as a function

<%= gift_top() %>
<%= gift_top(class: "w-6 h-6 text-gray-500") %>
Link to this function

globe_alt(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.globe_alt />
<.globe_alt class="w-6 h-6 text-gray-500" />

or as a function

<%= globe_alt() %>
<%= globe_alt(class: "w-6 h-6 text-gray-500") %>
Link to this function

globe_americas(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.globe_americas />
<.globe_americas class="w-6 h-6 text-gray-500" />

or as a function

<%= globe_americas() %>
<%= globe_americas(class: "w-6 h-6 text-gray-500") %>
Link to this function

globe_asia_australia(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.globe_asia_australia />
<.globe_asia_australia class="w-6 h-6 text-gray-500" />

or as a function

<%= globe_asia_australia() %>
<%= globe_asia_australia(class: "w-6 h-6 text-gray-500") %>
Link to this function

globe_europe_africa(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.globe_europe_africa />
<.globe_europe_africa class="w-6 h-6 text-gray-500" />

or as a function

<%= globe_europe_africa() %>
<%= globe_europe_africa(class: "w-6 h-6 text-gray-500") %>
Link to this function

hand_raised(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.hand_raised />
<.hand_raised class="w-6 h-6 text-gray-500" />

or as a function

<%= hand_raised() %>
<%= hand_raised(class: "w-6 h-6 text-gray-500") %>
Link to this function

hand_thumb_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.hand_thumb_down />
<.hand_thumb_down class="w-6 h-6 text-gray-500" />

or as a function

<%= hand_thumb_down() %>
<%= hand_thumb_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

hand_thumb_up(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.hand_thumb_up />
<.hand_thumb_up class="w-6 h-6 text-gray-500" />

or as a function

<%= hand_thumb_up() %>
<%= hand_thumb_up(class: "w-6 h-6 text-gray-500") %>
Link to this function

hashtag(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.hashtag />
<.hashtag class="w-6 h-6 text-gray-500" />

or as a function

<%= hashtag() %>
<%= hashtag(class: "w-6 h-6 text-gray-500") %>
Link to this function

heart(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.heart />
<.heart class="w-6 h-6 text-gray-500" />

or as a function

<%= heart() %>
<%= heart(class: "w-6 h-6 text-gray-500") %>
Link to this function

home(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.home />
<.home class="w-6 h-6 text-gray-500" />

or as a function

<%= home() %>
<%= home(class: "w-6 h-6 text-gray-500") %>
Link to this function

home_modern(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.home_modern />
<.home_modern class="w-6 h-6 text-gray-500" />

or as a function

<%= home_modern() %>
<%= home_modern(class: "w-6 h-6 text-gray-500") %>
Link to this function

identification(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.identification />
<.identification class="w-6 h-6 text-gray-500" />

or as a function

<%= identification() %>
<%= identification(class: "w-6 h-6 text-gray-500") %>
Link to this function

inbox(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.inbox />
<.inbox class="w-6 h-6 text-gray-500" />

or as a function

<%= inbox() %>
<%= inbox(class: "w-6 h-6 text-gray-500") %>
Link to this function

inbox_arrow_down(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.inbox_arrow_down />
<.inbox_arrow_down class="w-6 h-6 text-gray-500" />

or as a function

<%= inbox_arrow_down() %>
<%= inbox_arrow_down(class: "w-6 h-6 text-gray-500") %>
Link to this function

inbox_stack(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.inbox_stack />
<.inbox_stack class="w-6 h-6 text-gray-500" />

or as a function

<%= inbox_stack() %>
<%= inbox_stack(class: "w-6 h-6 text-gray-500") %>
Link to this function

information_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.information_circle />
<.information_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= information_circle() %>
<%= information_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

key(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.key />
<.key class="w-6 h-6 text-gray-500" />

or as a function

<%= key() %>
<%= key(class: "w-6 h-6 text-gray-500") %>
Link to this function

language(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.language />
<.language class="w-6 h-6 text-gray-500" />

or as a function

<%= language() %>
<%= language(class: "w-6 h-6 text-gray-500") %>
Link to this function

lifebuoy(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.lifebuoy />
<.lifebuoy class="w-6 h-6 text-gray-500" />

or as a function

<%= lifebuoy() %>
<%= lifebuoy(class: "w-6 h-6 text-gray-500") %>
Link to this function

light_bulb(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.light_bulb />
<.light_bulb class="w-6 h-6 text-gray-500" />

or as a function

<%= light_bulb() %>
<%= light_bulb(class: "w-6 h-6 text-gray-500") %>
Link to this function

link(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.link />
<.link class="w-6 h-6 text-gray-500" />

or as a function

<%= link() %>
<%= link(class: "w-6 h-6 text-gray-500") %>
Link to this function

list_bullet(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.list_bullet />
<.list_bullet class="w-6 h-6 text-gray-500" />

or as a function

<%= list_bullet() %>
<%= list_bullet(class: "w-6 h-6 text-gray-500") %>
Link to this function

lock_closed(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.lock_closed />
<.lock_closed class="w-6 h-6 text-gray-500" />

or as a function

<%= lock_closed() %>
<%= lock_closed(class: "w-6 h-6 text-gray-500") %>
Link to this function

lock_open(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.lock_open />
<.lock_open class="w-6 h-6 text-gray-500" />

or as a function

<%= lock_open() %>
<%= lock_open(class: "w-6 h-6 text-gray-500") %>
Link to this function

magnifying_glass(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.magnifying_glass />
<.magnifying_glass class="w-6 h-6 text-gray-500" />

or as a function

<%= magnifying_glass() %>
<%= magnifying_glass(class: "w-6 h-6 text-gray-500") %>
Link to this function

magnifying_glass_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.magnifying_glass_circle />
<.magnifying_glass_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= magnifying_glass_circle() %>
<%= magnifying_glass_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

magnifying_glass_minus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.magnifying_glass_minus />
<.magnifying_glass_minus class="w-6 h-6 text-gray-500" />

or as a function

<%= magnifying_glass_minus() %>
<%= magnifying_glass_minus(class: "w-6 h-6 text-gray-500") %>
Link to this function

magnifying_glass_plus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.magnifying_glass_plus />
<.magnifying_glass_plus class="w-6 h-6 text-gray-500" />

or as a function

<%= magnifying_glass_plus() %>
<%= magnifying_glass_plus(class: "w-6 h-6 text-gray-500") %>
Link to this function

map(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.map />
<.map class="w-6 h-6 text-gray-500" />

or as a function

<%= map() %>
<%= map(class: "w-6 h-6 text-gray-500") %>
Link to this function

map_pin(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.map_pin />
<.map_pin class="w-6 h-6 text-gray-500" />

or as a function

<%= map_pin() %>
<%= map_pin(class: "w-6 h-6 text-gray-500") %>
Link to this function

megaphone(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.megaphone />
<.megaphone class="w-6 h-6 text-gray-500" />

or as a function

<%= megaphone() %>
<%= megaphone(class: "w-6 h-6 text-gray-500") %>
Link to this function

microphone(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.microphone />
<.microphone class="w-6 h-6 text-gray-500" />

or as a function

<%= microphone() %>
<%= microphone(class: "w-6 h-6 text-gray-500") %>
Link to this function

minus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.minus />
<.minus class="w-6 h-6 text-gray-500" />

or as a function

<%= minus() %>
<%= minus(class: "w-6 h-6 text-gray-500") %>
Link to this function

minus_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.minus_circle />
<.minus_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= minus_circle() %>
<%= minus_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

minus_small(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.minus_small />
<.minus_small class="w-6 h-6 text-gray-500" />

or as a function

<%= minus_small() %>
<%= minus_small(class: "w-6 h-6 text-gray-500") %>
Link to this function

moon(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.moon />
<.moon class="w-6 h-6 text-gray-500" />

or as a function

<%= moon() %>
<%= moon(class: "w-6 h-6 text-gray-500") %>
Link to this function

musical_note(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.musical_note />
<.musical_note class="w-6 h-6 text-gray-500" />

or as a function

<%= musical_note() %>
<%= musical_note(class: "w-6 h-6 text-gray-500") %>
Link to this function

newspaper(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.newspaper />
<.newspaper class="w-6 h-6 text-gray-500" />

or as a function

<%= newspaper() %>
<%= newspaper(class: "w-6 h-6 text-gray-500") %>
Link to this function

no_symbol(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.no_symbol />
<.no_symbol class="w-6 h-6 text-gray-500" />

or as a function

<%= no_symbol() %>
<%= no_symbol(class: "w-6 h-6 text-gray-500") %>
Link to this function

paint_brush(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.paint_brush />
<.paint_brush class="w-6 h-6 text-gray-500" />

or as a function

<%= paint_brush() %>
<%= paint_brush(class: "w-6 h-6 text-gray-500") %>
Link to this function

paper_airplane(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.paper_airplane />
<.paper_airplane class="w-6 h-6 text-gray-500" />

or as a function

<%= paper_airplane() %>
<%= paper_airplane(class: "w-6 h-6 text-gray-500") %>
Link to this function

paper_clip(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.paper_clip />
<.paper_clip class="w-6 h-6 text-gray-500" />

or as a function

<%= paper_clip() %>
<%= paper_clip(class: "w-6 h-6 text-gray-500") %>
Link to this function

pause(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.pause />
<.pause class="w-6 h-6 text-gray-500" />

or as a function

<%= pause() %>
<%= pause(class: "w-6 h-6 text-gray-500") %>
Link to this function

pencil(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.pencil />
<.pencil class="w-6 h-6 text-gray-500" />

or as a function

<%= pencil() %>
<%= pencil(class: "w-6 h-6 text-gray-500") %>
Link to this function

pencil_square(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.pencil_square />
<.pencil_square class="w-6 h-6 text-gray-500" />

or as a function

<%= pencil_square() %>
<%= pencil_square(class: "w-6 h-6 text-gray-500") %>
Link to this function

phone(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.phone />
<.phone class="w-6 h-6 text-gray-500" />

or as a function

<%= phone() %>
<%= phone(class: "w-6 h-6 text-gray-500") %>
Link to this function

phone_arrow_down_left(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.phone_arrow_down_left />
<.phone_arrow_down_left class="w-6 h-6 text-gray-500" />

or as a function

<%= phone_arrow_down_left() %>
<%= phone_arrow_down_left(class: "w-6 h-6 text-gray-500") %>
Link to this function

phone_arrow_up_right(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.phone_arrow_up_right />
<.phone_arrow_up_right class="w-6 h-6 text-gray-500" />

or as a function

<%= phone_arrow_up_right() %>
<%= phone_arrow_up_right(class: "w-6 h-6 text-gray-500") %>
Link to this function

phone_x_mark(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.phone_x_mark />
<.phone_x_mark class="w-6 h-6 text-gray-500" />

or as a function

<%= phone_x_mark() %>
<%= phone_x_mark(class: "w-6 h-6 text-gray-500") %>
Link to this function

photo(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.photo />
<.photo class="w-6 h-6 text-gray-500" />

or as a function

<%= photo() %>
<%= photo(class: "w-6 h-6 text-gray-500") %>
Link to this function

play(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.play />
<.play class="w-6 h-6 text-gray-500" />

or as a function

<%= play() %>
<%= play(class: "w-6 h-6 text-gray-500") %>
Link to this function

play_pause(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.play_pause />
<.play_pause class="w-6 h-6 text-gray-500" />

or as a function

<%= play_pause() %>
<%= play_pause(class: "w-6 h-6 text-gray-500") %>
Link to this function

plus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.plus />
<.plus class="w-6 h-6 text-gray-500" />

or as a function

<%= plus() %>
<%= plus(class: "w-6 h-6 text-gray-500") %>
Link to this function

plus_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.plus_circle />
<.plus_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= plus_circle() %>
<%= plus_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

plus_small(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.plus_small />
<.plus_small class="w-6 h-6 text-gray-500" />

or as a function

<%= plus_small() %>
<%= plus_small(class: "w-6 h-6 text-gray-500") %>
Link to this function

presentation_chart_bar(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.presentation_chart_bar />
<.presentation_chart_bar class="w-6 h-6 text-gray-500" />

or as a function

<%= presentation_chart_bar() %>
<%= presentation_chart_bar(class: "w-6 h-6 text-gray-500") %>
Link to this function

presentation_chart_line(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.presentation_chart_line />
<.presentation_chart_line class="w-6 h-6 text-gray-500" />

or as a function

<%= presentation_chart_line() %>
<%= presentation_chart_line(class: "w-6 h-6 text-gray-500") %>
Link to this function

printer(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.printer />
<.printer class="w-6 h-6 text-gray-500" />

or as a function

<%= printer() %>
<%= printer(class: "w-6 h-6 text-gray-500") %>
Link to this function

puzzle_piece(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.puzzle_piece />
<.puzzle_piece class="w-6 h-6 text-gray-500" />

or as a function

<%= puzzle_piece() %>
<%= puzzle_piece(class: "w-6 h-6 text-gray-500") %>
Link to this function

qr_code(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.qr_code />
<.qr_code class="w-6 h-6 text-gray-500" />

or as a function

<%= qr_code() %>
<%= qr_code(class: "w-6 h-6 text-gray-500") %>
Link to this function

question_mark_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.question_mark_circle />
<.question_mark_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= question_mark_circle() %>
<%= question_mark_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

queue_list(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.queue_list />
<.queue_list class="w-6 h-6 text-gray-500" />

or as a function

<%= queue_list() %>
<%= queue_list(class: "w-6 h-6 text-gray-500") %>
Link to this function

radio(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.radio />
<.radio class="w-6 h-6 text-gray-500" />

or as a function

<%= radio() %>
<%= radio(class: "w-6 h-6 text-gray-500") %>
Link to this function

receipt_percent(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.receipt_percent />
<.receipt_percent class="w-6 h-6 text-gray-500" />

or as a function

<%= receipt_percent() %>
<%= receipt_percent(class: "w-6 h-6 text-gray-500") %>
Link to this function

receipt_refund(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.receipt_refund />
<.receipt_refund class="w-6 h-6 text-gray-500" />

or as a function

<%= receipt_refund() %>
<%= receipt_refund(class: "w-6 h-6 text-gray-500") %>
Link to this function

rectangle_group(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.rectangle_group />
<.rectangle_group class="w-6 h-6 text-gray-500" />

or as a function

<%= rectangle_group() %>
<%= rectangle_group(class: "w-6 h-6 text-gray-500") %>
Link to this function

rectangle_stack(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.rectangle_stack />
<.rectangle_stack class="w-6 h-6 text-gray-500" />

or as a function

<%= rectangle_stack() %>
<%= rectangle_stack(class: "w-6 h-6 text-gray-500") %>
Link to this function

rss(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.rss />
<.rss class="w-6 h-6 text-gray-500" />

or as a function

<%= rss() %>
<%= rss(class: "w-6 h-6 text-gray-500") %>
Link to this function

scale(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.scale />
<.scale class="w-6 h-6 text-gray-500" />

or as a function

<%= scale() %>
<%= scale(class: "w-6 h-6 text-gray-500") %>
Link to this function

scissors(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.scissors />
<.scissors class="w-6 h-6 text-gray-500" />

or as a function

<%= scissors() %>
<%= scissors(class: "w-6 h-6 text-gray-500") %>
Link to this function

server(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.server />
<.server class="w-6 h-6 text-gray-500" />

or as a function

<%= server() %>
<%= server(class: "w-6 h-6 text-gray-500") %>
Link to this function

server_stack(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.server_stack />
<.server_stack class="w-6 h-6 text-gray-500" />

or as a function

<%= server_stack() %>
<%= server_stack(class: "w-6 h-6 text-gray-500") %>
Link to this function

share(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.share />
<.share class="w-6 h-6 text-gray-500" />

or as a function

<%= share() %>
<%= share(class: "w-6 h-6 text-gray-500") %>
Link to this function

shield_check(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.shield_check />
<.shield_check class="w-6 h-6 text-gray-500" />

or as a function

<%= shield_check() %>
<%= shield_check(class: "w-6 h-6 text-gray-500") %>
Link to this function

shield_exclamation(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.shield_exclamation />
<.shield_exclamation class="w-6 h-6 text-gray-500" />

or as a function

<%= shield_exclamation() %>
<%= shield_exclamation(class: "w-6 h-6 text-gray-500") %>
Link to this function

shopping_bag(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.shopping_bag />
<.shopping_bag class="w-6 h-6 text-gray-500" />

or as a function

<%= shopping_bag() %>
<%= shopping_bag(class: "w-6 h-6 text-gray-500") %>
Link to this function

shopping_cart(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.shopping_cart />
<.shopping_cart class="w-6 h-6 text-gray-500" />

or as a function

<%= shopping_cart() %>
<%= shopping_cart(class: "w-6 h-6 text-gray-500") %>
Link to this function

signal(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.signal />
<.signal class="w-6 h-6 text-gray-500" />

or as a function

<%= signal() %>
<%= signal(class: "w-6 h-6 text-gray-500") %>
Link to this function

signal_slash(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.signal_slash />
<.signal_slash class="w-6 h-6 text-gray-500" />

or as a function

<%= signal_slash() %>
<%= signal_slash(class: "w-6 h-6 text-gray-500") %>
Link to this function

sparkles(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.sparkles />
<.sparkles class="w-6 h-6 text-gray-500" />

or as a function

<%= sparkles() %>
<%= sparkles(class: "w-6 h-6 text-gray-500") %>
Link to this function

speaker_wave(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.speaker_wave />
<.speaker_wave class="w-6 h-6 text-gray-500" />

or as a function

<%= speaker_wave() %>
<%= speaker_wave(class: "w-6 h-6 text-gray-500") %>
Link to this function

speaker_x_mark(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.speaker_x_mark />
<.speaker_x_mark class="w-6 h-6 text-gray-500" />

or as a function

<%= speaker_x_mark() %>
<%= speaker_x_mark(class: "w-6 h-6 text-gray-500") %>
Link to this function

square_2_stack(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.square_2_stack />
<.square_2_stack class="w-6 h-6 text-gray-500" />

or as a function

<%= square_2_stack() %>
<%= square_2_stack(class: "w-6 h-6 text-gray-500") %>
Link to this function

squares_2x2(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.squares_2x2 />
<.squares_2x2 class="w-6 h-6 text-gray-500" />

or as a function

<%= squares_2x2() %>
<%= squares_2x2(class: "w-6 h-6 text-gray-500") %>
Link to this function

squares_plus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.squares_plus />
<.squares_plus class="w-6 h-6 text-gray-500" />

or as a function

<%= squares_plus() %>
<%= squares_plus(class: "w-6 h-6 text-gray-500") %>
Link to this function

star(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.star />
<.star class="w-6 h-6 text-gray-500" />

or as a function

<%= star() %>
<%= star(class: "w-6 h-6 text-gray-500") %>
Link to this function

stop(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.stop />
<.stop class="w-6 h-6 text-gray-500" />

or as a function

<%= stop() %>
<%= stop(class: "w-6 h-6 text-gray-500") %>
Link to this function

sun(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.sun />
<.sun class="w-6 h-6 text-gray-500" />

or as a function

<%= sun() %>
<%= sun(class: "w-6 h-6 text-gray-500") %>
Link to this function

swatch(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.swatch />
<.swatch class="w-6 h-6 text-gray-500" />

or as a function

<%= swatch() %>
<%= swatch(class: "w-6 h-6 text-gray-500") %>
Link to this function

table_cells(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.table_cells />
<.table_cells class="w-6 h-6 text-gray-500" />

or as a function

<%= table_cells() %>
<%= table_cells(class: "w-6 h-6 text-gray-500") %>
Link to this function

tag(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.tag />
<.tag class="w-6 h-6 text-gray-500" />

or as a function

<%= tag() %>
<%= tag(class: "w-6 h-6 text-gray-500") %>
Link to this function

ticket(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.ticket />
<.ticket class="w-6 h-6 text-gray-500" />

or as a function

<%= ticket() %>
<%= ticket(class: "w-6 h-6 text-gray-500") %>
Link to this function

trash(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.trash />
<.trash class="w-6 h-6 text-gray-500" />

or as a function

<%= trash() %>
<%= trash(class: "w-6 h-6 text-gray-500") %>
Link to this function

truck(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.truck />
<.truck class="w-6 h-6 text-gray-500" />

or as a function

<%= truck() %>
<%= truck(class: "w-6 h-6 text-gray-500") %>
Link to this function

user(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.user />
<.user class="w-6 h-6 text-gray-500" />

or as a function

<%= user() %>
<%= user(class: "w-6 h-6 text-gray-500") %>
Link to this function

user_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.user_circle />
<.user_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= user_circle() %>
<%= user_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

user_group(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.user_group />
<.user_group class="w-6 h-6 text-gray-500" />

or as a function

<%= user_group() %>
<%= user_group(class: "w-6 h-6 text-gray-500") %>
Link to this function

user_minus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.user_minus />
<.user_minus class="w-6 h-6 text-gray-500" />

or as a function

<%= user_minus() %>
<%= user_minus(class: "w-6 h-6 text-gray-500") %>
Link to this function

user_plus(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.user_plus />
<.user_plus class="w-6 h-6 text-gray-500" />

or as a function

<%= user_plus() %>
<%= user_plus(class: "w-6 h-6 text-gray-500") %>
Link to this function

users(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.users />
<.users class="w-6 h-6 text-gray-500" />

or as a function

<%= users() %>
<%= users(class: "w-6 h-6 text-gray-500") %>
Link to this function

variable(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.variable />
<.variable class="w-6 h-6 text-gray-500" />

or as a function

<%= variable() %>
<%= variable(class: "w-6 h-6 text-gray-500") %>
Link to this function

video_camera(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.video_camera />
<.video_camera class="w-6 h-6 text-gray-500" />

or as a function

<%= video_camera() %>
<%= video_camera(class: "w-6 h-6 text-gray-500") %>
Link to this function

video_camera_slash(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.video_camera_slash />
<.video_camera_slash class="w-6 h-6 text-gray-500" />

or as a function

<%= video_camera_slash() %>
<%= video_camera_slash(class: "w-6 h-6 text-gray-500") %>
Link to this function

view_columns(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.view_columns />
<.view_columns class="w-6 h-6 text-gray-500" />

or as a function

<%= view_columns() %>
<%= view_columns(class: "w-6 h-6 text-gray-500") %>
Link to this function

wallet(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.wallet />
<.wallet class="w-6 h-6 text-gray-500" />

or as a function

<%= wallet() %>
<%= wallet(class: "w-6 h-6 text-gray-500") %>
Link to this function

wifi(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.wifi />
<.wifi class="w-6 h-6 text-gray-500" />

or as a function

<%= wifi() %>
<%= wifi(class: "w-6 h-6 text-gray-500") %>
Link to this function

wrench(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.wrench />
<.wrench class="w-6 h-6 text-gray-500" />

or as a function

<%= wrench() %>
<%= wrench(class: "w-6 h-6 text-gray-500") %>
Link to this function

wrench_screwdriver(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.wrench_screwdriver />
<.wrench_screwdriver class="w-6 h-6 text-gray-500" />

or as a function

<%= wrench_screwdriver() %>
<%= wrench_screwdriver(class: "w-6 h-6 text-gray-500") %>
Link to this function

x_circle(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.x_circle />
<.x_circle class="w-6 h-6 text-gray-500" />

or as a function

<%= x_circle() %>
<%= x_circle(class: "w-6 h-6 text-gray-500") %>
Link to this function

x_mark(assigns_or_opts \\ [])

View Source

Examples

Use as a Phoenix.Component

<.x_mark />
<.x_mark class="w-6 h-6 text-gray-500" />

or as a function

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