Heroicons (Heroicons v0.5.0) View Source

Provides precompiled icon compiles from heroicons.com v2.0.11.

Heroicons are designed by Steve Schoger

Usage

Hero icons come in three styles – outline (24x24), solid (24x24), and mini (20x20).

By default, the icon components will use the outline style, but the solid or mini attributes may be passed to select styling, for example:

<Heroicons.cake />
<Heroicons.cake solid />
<Heroicons.cake mini />

You can also pass arbitrary HTML attributes to the components:

<Heroicons.cake class="w-2 h-2" />
<Heroicons.cake solid class="w-2 h-2" />

Heroicons License Attribution

MIT License

Copyright (c) 2020 Refactoring UI Inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Link to this section Summary

Functions

Renders the academic_cap icon.

Renders the adjustments_horizontal icon.

Renders the adjustments_vertical icon.

Renders the archive_box icon.

Renders the archive_box_arrow_down icon.

Renders the archive_box_x_mark icon.

Renders the arrow_down icon.

Renders the arrow_down_circle icon.

Renders the arrow_down_left icon.

Renders the arrow_down_on_square icon.

Renders the arrow_down_on_square_stack icon.

Renders the arrow_down_right icon.

Renders the arrow_down_tray icon.

Renders the arrow_left icon.

Renders the arrow_left_circle icon.

Renders the arrow_left_on_rectangle icon.

Renders the arrow_long_down icon.

Renders the arrow_long_left icon.

Renders the arrow_long_right icon.

Renders the arrow_long_up icon.

Renders the arrow_path icon.

Renders the arrow_path_rounded_square icon.

Renders the arrow_right icon.

Renders the arrow_right_circle icon.

Renders the arrow_right_on_rectangle icon.

Renders the arrow_small_down icon.

Renders the arrow_small_left icon.

Renders the arrow_small_right icon.

Renders the arrow_small_up icon.

Renders the arrow_top_right_on_square icon.

Renders the arrow_trending_down icon.

Renders the arrow_trending_up icon.

Renders the arrow_up icon.

Renders the arrow_up_circle icon.

Renders the arrow_up_left icon.

Renders the arrow_up_on_square icon.

Renders the arrow_up_on_square_stack icon.

Renders the arrow_up_right icon.

Renders the arrow_up_tray icon.

Renders the arrow_uturn_down icon.

Renders the arrow_uturn_left icon.

Renders the arrow_uturn_right icon.

Renders the arrow_uturn_up icon.

Renders the arrows_pointing_in icon.

Renders the arrows_pointing_out icon.

Renders the arrows_right_left icon.

Renders the arrows_up_down icon.

Renders the at_symbol icon.

Renders the backspace icon.

Renders the backward icon.

Renders the banknotes icon.

Renders the bars_2 icon.

Renders the bars_3 icon.

Renders the bars_3_bottom_left icon.

Renders the bars_3_bottom_right icon.

Renders the bars_3_center_left icon.

Renders the bars_4 icon.

Renders the bars_arrow_down icon.

Renders the bars_arrow_up icon.

Renders the battery_0 icon.

Renders the battery_100 icon.

Renders the battery_50 icon.

Renders the beaker icon.

Renders the bell icon.

Renders the bell_alert icon.

Renders the bell_slash icon.

Renders the bell_snooze icon.

Renders the bolt icon.

Renders the bolt_slash icon.

Renders the book_open icon.

Renders the bookmark icon.

Renders the bookmark_slash icon.

Renders the bookmark_square icon.

Renders the briefcase icon.

Renders the bug_ant icon.

Renders the building_library icon.

Renders the building_office icon.

Renders the building_office_2 icon.

Renders the building_storefront icon.

Renders the cake icon.

Renders the calculator icon.

Renders the calendar icon.

Renders the calendar_days icon.

Renders the camera icon.

Renders the chart_bar icon.

Renders the chart_bar_square icon.

Renders the chart_pie icon.

Renders the chat_bubble_bottom_center icon.

Renders the chat_bubble_bottom_center_text icon.

Renders the chat_bubble_left icon.

Renders the chat_bubble_left_ellipsis icon.

Renders the chat_bubble_left_right icon.

Renders the chat_bubble_oval_left icon.

Renders the chat_bubble_oval_left_ellipsis icon.

Renders the check icon.

Renders the check_badge icon.

Renders the check_circle icon.

Renders the chevron_double_down icon.

Renders the chevron_double_left icon.

Renders the chevron_double_right icon.

Renders the chevron_double_up icon.

Renders the chevron_down icon.

Renders the chevron_left icon.

Renders the chevron_right icon.

Renders the chevron_up icon.

Renders the chevron_up_down icon.

Renders the circle_stack icon.

Renders the clipboard icon.

Renders the clipboard_document icon.

Renders the clipboard_document_check icon.

Renders the clipboard_document_list icon.

Renders the clock icon.

Renders the cloud icon.

Renders the cloud_arrow_down icon.

Renders the cloud_arrow_up icon.

Renders the code_bracket icon.

Renders the code_bracket_square icon.

Renders the cog icon.

Renders the cog_6_tooth icon.

Renders the cog_8_tooth icon.

Renders the command_line icon.

Renders the computer_desktop icon.

Renders the cpu_chip icon.

Renders the credit_card icon.

Renders the cube icon.

Renders the cube_transparent icon.

Renders the currency_bangladeshi icon.

Renders the currency_dollar icon.

Renders the currency_euro icon.

Renders the currency_pound icon.

Renders the currency_rupee icon.

Renders the currency_yen icon.

Renders the cursor_arrow_rays icon.

Renders the cursor_arrow_ripple icon.

Renders the device_phone_mobile icon.

Renders the device_tablet icon.

Renders the document icon.

Renders the document_arrow_down icon.

Renders the document_arrow_up icon.

Renders the document_chart_bar icon.

Renders the document_check icon.

Renders the document_duplicate icon.

Renders the document_magnifying_glass icon.

Renders the document_minus icon.

Renders the document_plus icon.

Renders the document_text icon.

Renders the ellipsis_horizontal icon.

Renders the ellipsis_horizontal_circle icon.

Renders the ellipsis_vertical icon.

Renders the envelope icon.

Renders the envelope_open icon.

Renders the exclamation_circle icon.

Renders the exclamation_triangle icon.

Renders the eye icon.

Renders the eye_dropper icon.

Renders the eye_slash icon.

Renders the face_frown icon.

Renders the face_smile icon.

Renders the film icon.

Renders the finger_print icon.

Renders the fire icon.

Renders the flag icon.

Renders the folder icon.

Renders the folder_arrow_down icon.

Renders the folder_minus icon.

Renders the folder_open icon.

Renders the folder_plus icon.

Renders the forward icon.

Renders the funnel icon.

Renders the gif icon.

Renders the gift icon.

Renders the gift_top icon.

Renders the globe_alt icon.

Renders the globe_americas icon.

Renders the globe_asia_australia icon.

Renders the globe_europe_africa icon.

Renders the hand_raised icon.

Renders the hand_thumb_down icon.

Renders the hand_thumb_up icon.

Renders the hashtag icon.

Renders the heart icon.

Renders the home icon.

Renders the home_modern icon.

Renders the identification icon.

Renders the inbox icon.

Renders the inbox_arrow_down icon.

Renders the inbox_stack icon.

Renders the information_circle icon.

Renders the key icon.

Renders the language icon.

Renders the lifebuoy icon.

Renders the light_bulb icon.

Renders the link icon.

Renders the list_bullet icon.

Renders the lock_closed icon.

Renders the lock_open icon.

Renders the magnifying_glass icon.

Renders the magnifying_glass_circle icon.

Renders the magnifying_glass_minus icon.

Renders the magnifying_glass_plus icon.

Renders the map icon.

Renders the map_pin icon.

Renders the megaphone icon.

Renders the microphone icon.

Renders the minus icon.

Renders the minus_circle icon.

Renders the minus_small icon.

Renders the moon icon.

Renders the musical_note icon.

Renders the newspaper icon.

Renders the no_symbol icon.

Renders the paint_brush icon.

Renders the paper_airplane icon.

Renders the paper_clip icon.

Renders the pause icon.

Renders the pause_circle icon.

Renders the pencil icon.

Renders the pencil_square icon.

Renders the phone icon.

Renders the phone_arrow_down_left icon.

Renders the phone_arrow_up_right icon.

Renders the phone_x_mark icon.

Renders the photo icon.

Renders the play icon.

Renders the play_circle icon.

Renders the play_pause icon.

Renders the plus icon.

Renders the plus_circle icon.

Renders the plus_small icon.

Renders the power icon.

Renders the presentation_chart_bar icon.

Renders the presentation_chart_line icon.

Renders the printer icon.

Renders the puzzle_piece icon.

Renders the qr_code icon.

Renders the question_mark_circle icon.

Renders the queue_list icon.

Renders the radio icon.

Renders the receipt_percent icon.

Renders the receipt_refund icon.

Renders the rectangle_group icon.

Renders the rectangle_stack icon.

Renders the rocket_launch icon.

Renders the rss icon.

Renders the scale icon.

Renders the scissors icon.

Renders the server icon.

Renders the server_stack icon.

Renders the share icon.

Renders the shield_check icon.

Renders the shield_exclamation icon.

Renders the shopping_bag icon.

Renders the shopping_cart icon.

Renders the signal icon.

Renders the signal_slash icon.

Renders the sparkles icon.

Renders the speaker_wave icon.

Renders the speaker_x_mark icon.

Renders the square_2_stack icon.

Renders the square_3_stack_3d icon.

Renders the squares_2x2 icon.

Renders the squares_plus icon.

Renders the star icon.

Renders the stop icon.

Renders the stop_circle icon.

Renders the sun icon.

Renders the swatch icon.

Renders the table_cells icon.

Renders the tag icon.

Renders the ticket icon.

Renders the trash icon.

Renders the trophy icon.

Renders the truck icon.

Renders the tv icon.

Renders the user icon.

Renders the user_circle icon.

Renders the user_group icon.

Renders the user_minus icon.

Renders the user_plus icon.

Renders the users icon.

Renders the variable icon.

Renders the video_camera icon.

Renders the video_camera_slash icon.

Renders the view_columns icon.

Renders the viewfinder_circle icon.

Renders the wallet icon.

Renders the wifi icon.

Renders the window icon.

Renders the wrench icon.

Renders the wrench_screwdriver icon.

Renders the x_circle icon.

Renders the x_mark icon.

Link to this section Functions

Renders the academic_cap icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.academic_cap />
<Heroicons.academic_cap class="w-4 h-4" />
<Heroicons.academic_cap solid />
<Heroicons.academic_cap mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

adjustments_horizontal(assigns)

View Source

Renders the adjustments_horizontal icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.adjustments_horizontal />
<Heroicons.adjustments_horizontal class="w-4 h-4" />
<Heroicons.adjustments_horizontal solid />
<Heroicons.adjustments_horizontal mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

adjustments_vertical(assigns)

View Source

Renders the adjustments_vertical icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.adjustments_vertical />
<Heroicons.adjustments_vertical class="w-4 h-4" />
<Heroicons.adjustments_vertical solid />
<Heroicons.adjustments_vertical mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the archive_box icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.archive_box />
<Heroicons.archive_box class="w-4 h-4" />
<Heroicons.archive_box solid />
<Heroicons.archive_box mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

archive_box_arrow_down(assigns)

View Source

Renders the archive_box_arrow_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.archive_box_arrow_down />
<Heroicons.archive_box_arrow_down class="w-4 h-4" />
<Heroicons.archive_box_arrow_down solid />
<Heroicons.archive_box_arrow_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

archive_box_x_mark(assigns)

View Source

Renders the archive_box_x_mark icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.archive_box_x_mark />
<Heroicons.archive_box_x_mark class="w-4 h-4" />
<Heroicons.archive_box_x_mark solid />
<Heroicons.archive_box_x_mark mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_down />
<Heroicons.arrow_down class="w-4 h-4" />
<Heroicons.arrow_down solid />
<Heroicons.arrow_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_down_circle(assigns)

View Source

Renders the arrow_down_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_down_circle />
<Heroicons.arrow_down_circle class="w-4 h-4" />
<Heroicons.arrow_down_circle solid />
<Heroicons.arrow_down_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_down_left(assigns)

View Source

Renders the arrow_down_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_down_left />
<Heroicons.arrow_down_left class="w-4 h-4" />
<Heroicons.arrow_down_left solid />
<Heroicons.arrow_down_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_down_on_square(assigns)

View Source

Renders the arrow_down_on_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_down_on_square />
<Heroicons.arrow_down_on_square class="w-4 h-4" />
<Heroicons.arrow_down_on_square solid />
<Heroicons.arrow_down_on_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_down_on_square_stack(assigns)

View Source

Renders the arrow_down_on_square_stack icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_down_on_square_stack />
<Heroicons.arrow_down_on_square_stack class="w-4 h-4" />
<Heroicons.arrow_down_on_square_stack solid />
<Heroicons.arrow_down_on_square_stack mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_down_right(assigns)

View Source

Renders the arrow_down_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_down_right />
<Heroicons.arrow_down_right class="w-4 h-4" />
<Heroicons.arrow_down_right solid />
<Heroicons.arrow_down_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_down_tray(assigns)

View Source

Renders the arrow_down_tray icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_down_tray />
<Heroicons.arrow_down_tray class="w-4 h-4" />
<Heroicons.arrow_down_tray solid />
<Heroicons.arrow_down_tray mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_left />
<Heroicons.arrow_left class="w-4 h-4" />
<Heroicons.arrow_left solid />
<Heroicons.arrow_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_left_circle(assigns)

View Source

Renders the arrow_left_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_left_circle />
<Heroicons.arrow_left_circle class="w-4 h-4" />
<Heroicons.arrow_left_circle solid />
<Heroicons.arrow_left_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_left_on_rectangle(assigns)

View Source

Renders the arrow_left_on_rectangle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_left_on_rectangle />
<Heroicons.arrow_left_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_left_on_rectangle solid />
<Heroicons.arrow_left_on_rectangle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_long_down(assigns)

View Source

Renders the arrow_long_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_long_down />
<Heroicons.arrow_long_down class="w-4 h-4" />
<Heroicons.arrow_long_down solid />
<Heroicons.arrow_long_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_long_left(assigns)

View Source

Renders the arrow_long_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_long_left />
<Heroicons.arrow_long_left class="w-4 h-4" />
<Heroicons.arrow_long_left solid />
<Heroicons.arrow_long_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_long_right(assigns)

View Source

Renders the arrow_long_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_long_right />
<Heroicons.arrow_long_right class="w-4 h-4" />
<Heroicons.arrow_long_right solid />
<Heroicons.arrow_long_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_long_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_long_up />
<Heroicons.arrow_long_up class="w-4 h-4" />
<Heroicons.arrow_long_up solid />
<Heroicons.arrow_long_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_path icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_path />
<Heroicons.arrow_path class="w-4 h-4" />
<Heroicons.arrow_path solid />
<Heroicons.arrow_path mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_path_rounded_square(assigns)

View Source

Renders the arrow_path_rounded_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_path_rounded_square />
<Heroicons.arrow_path_rounded_square class="w-4 h-4" />
<Heroicons.arrow_path_rounded_square solid />
<Heroicons.arrow_path_rounded_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_right />
<Heroicons.arrow_right class="w-4 h-4" />
<Heroicons.arrow_right solid />
<Heroicons.arrow_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_right_circle(assigns)

View Source

Renders the arrow_right_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_right_circle />
<Heroicons.arrow_right_circle class="w-4 h-4" />
<Heroicons.arrow_right_circle solid />
<Heroicons.arrow_right_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_right_on_rectangle(assigns)

View Source

Renders the arrow_right_on_rectangle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_right_on_rectangle />
<Heroicons.arrow_right_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_right_on_rectangle solid />
<Heroicons.arrow_right_on_rectangle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_small_down(assigns)

View Source

Renders the arrow_small_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_small_down />
<Heroicons.arrow_small_down class="w-4 h-4" />
<Heroicons.arrow_small_down solid />
<Heroicons.arrow_small_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_small_left(assigns)

View Source

Renders the arrow_small_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_small_left />
<Heroicons.arrow_small_left class="w-4 h-4" />
<Heroicons.arrow_small_left solid />
<Heroicons.arrow_small_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_small_right(assigns)

View Source

Renders the arrow_small_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_small_right />
<Heroicons.arrow_small_right class="w-4 h-4" />
<Heroicons.arrow_small_right solid />
<Heroicons.arrow_small_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_small_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_small_up />
<Heroicons.arrow_small_up class="w-4 h-4" />
<Heroicons.arrow_small_up solid />
<Heroicons.arrow_small_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_top_right_on_square(assigns)

View Source

Renders the arrow_top_right_on_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_top_right_on_square />
<Heroicons.arrow_top_right_on_square class="w-4 h-4" />
<Heroicons.arrow_top_right_on_square solid />
<Heroicons.arrow_top_right_on_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_up />
<Heroicons.arrow_up class="w-4 h-4" />
<Heroicons.arrow_up solid />
<Heroicons.arrow_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_up_circle(assigns)

View Source

Renders the arrow_up_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_up_circle />
<Heroicons.arrow_up_circle class="w-4 h-4" />
<Heroicons.arrow_up_circle solid />
<Heroicons.arrow_up_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_up_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_up_left />
<Heroicons.arrow_up_left class="w-4 h-4" />
<Heroicons.arrow_up_left solid />
<Heroicons.arrow_up_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_up_on_square(assigns)

View Source

Renders the arrow_up_on_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_up_on_square />
<Heroicons.arrow_up_on_square class="w-4 h-4" />
<Heroicons.arrow_up_on_square solid />
<Heroicons.arrow_up_on_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_up_on_square_stack(assigns)

View Source

Renders the arrow_up_on_square_stack icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_up_on_square_stack />
<Heroicons.arrow_up_on_square_stack class="w-4 h-4" />
<Heroicons.arrow_up_on_square_stack solid />
<Heroicons.arrow_up_on_square_stack mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_up_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_up_right />
<Heroicons.arrow_up_right class="w-4 h-4" />
<Heroicons.arrow_up_right solid />
<Heroicons.arrow_up_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_up_tray icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_up_tray />
<Heroicons.arrow_up_tray class="w-4 h-4" />
<Heroicons.arrow_up_tray solid />
<Heroicons.arrow_up_tray mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_uturn_down(assigns)

View Source

Renders the arrow_uturn_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_uturn_down />
<Heroicons.arrow_uturn_down class="w-4 h-4" />
<Heroicons.arrow_uturn_down solid />
<Heroicons.arrow_uturn_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_uturn_left(assigns)

View Source

Renders the arrow_uturn_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_uturn_left />
<Heroicons.arrow_uturn_left class="w-4 h-4" />
<Heroicons.arrow_uturn_left solid />
<Heroicons.arrow_uturn_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrow_uturn_right(assigns)

View Source

Renders the arrow_uturn_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_uturn_right />
<Heroicons.arrow_uturn_right class="w-4 h-4" />
<Heroicons.arrow_uturn_right solid />
<Heroicons.arrow_uturn_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrow_uturn_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrow_uturn_up />
<Heroicons.arrow_uturn_up class="w-4 h-4" />
<Heroicons.arrow_uturn_up solid />
<Heroicons.arrow_uturn_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrows_pointing_in(assigns)

View Source

Renders the arrows_pointing_in icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrows_pointing_in />
<Heroicons.arrows_pointing_in class="w-4 h-4" />
<Heroicons.arrows_pointing_in solid />
<Heroicons.arrows_pointing_in mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrows_pointing_out(assigns)

View Source

Renders the arrows_pointing_out icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrows_pointing_out />
<Heroicons.arrows_pointing_out class="w-4 h-4" />
<Heroicons.arrows_pointing_out solid />
<Heroicons.arrows_pointing_out mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

arrows_right_left(assigns)

View Source

Renders the arrows_right_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrows_right_left />
<Heroicons.arrows_right_left class="w-4 h-4" />
<Heroicons.arrows_right_left solid />
<Heroicons.arrows_right_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the arrows_up_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.arrows_up_down />
<Heroicons.arrows_up_down class="w-4 h-4" />
<Heroicons.arrows_up_down solid />
<Heroicons.arrows_up_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the at_symbol icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.at_symbol />
<Heroicons.at_symbol class="w-4 h-4" />
<Heroicons.at_symbol solid />
<Heroicons.at_symbol mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the backspace icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.backspace />
<Heroicons.backspace class="w-4 h-4" />
<Heroicons.backspace solid />
<Heroicons.backspace mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the backward icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.backward />
<Heroicons.backward class="w-4 h-4" />
<Heroicons.backward solid />
<Heroicons.backward mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the banknotes icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.banknotes />
<Heroicons.banknotes class="w-4 h-4" />
<Heroicons.banknotes solid />
<Heroicons.banknotes mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bars_2 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_2 />
<Heroicons.bars_2 class="w-4 h-4" />
<Heroicons.bars_2 solid />
<Heroicons.bars_2 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bars_3 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_3 />
<Heroicons.bars_3 class="w-4 h-4" />
<Heroicons.bars_3 solid />
<Heroicons.bars_3 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

bars_3_bottom_left(assigns)

View Source

Renders the bars_3_bottom_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_3_bottom_left />
<Heroicons.bars_3_bottom_left class="w-4 h-4" />
<Heroicons.bars_3_bottom_left solid />
<Heroicons.bars_3_bottom_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

bars_3_bottom_right(assigns)

View Source

Renders the bars_3_bottom_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_3_bottom_right />
<Heroicons.bars_3_bottom_right class="w-4 h-4" />
<Heroicons.bars_3_bottom_right solid />
<Heroicons.bars_3_bottom_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

bars_3_center_left(assigns)

View Source

Renders the bars_3_center_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_3_center_left />
<Heroicons.bars_3_center_left class="w-4 h-4" />
<Heroicons.bars_3_center_left solid />
<Heroicons.bars_3_center_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bars_4 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_4 />
<Heroicons.bars_4 class="w-4 h-4" />
<Heroicons.bars_4 solid />
<Heroicons.bars_4 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

bars_arrow_down(assigns)

View Source

Renders the bars_arrow_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_arrow_down />
<Heroicons.bars_arrow_down class="w-4 h-4" />
<Heroicons.bars_arrow_down solid />
<Heroicons.bars_arrow_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bars_arrow_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bars_arrow_up />
<Heroicons.bars_arrow_up class="w-4 h-4" />
<Heroicons.bars_arrow_up solid />
<Heroicons.bars_arrow_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the battery_0 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.battery_0 />
<Heroicons.battery_0 class="w-4 h-4" />
<Heroicons.battery_0 solid />
<Heroicons.battery_0 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the battery_100 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.battery_100 />
<Heroicons.battery_100 class="w-4 h-4" />
<Heroicons.battery_100 solid />
<Heroicons.battery_100 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the battery_50 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.battery_50 />
<Heroicons.battery_50 class="w-4 h-4" />
<Heroicons.battery_50 solid />
<Heroicons.battery_50 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the beaker icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.beaker />
<Heroicons.beaker class="w-4 h-4" />
<Heroicons.beaker solid />
<Heroicons.beaker mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bell icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bell />
<Heroicons.bell class="w-4 h-4" />
<Heroicons.bell solid />
<Heroicons.bell mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bell_alert icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bell_alert />
<Heroicons.bell_alert class="w-4 h-4" />
<Heroicons.bell_alert solid />
<Heroicons.bell_alert mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bell_slash icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bell_slash />
<Heroicons.bell_slash class="w-4 h-4" />
<Heroicons.bell_slash solid />
<Heroicons.bell_slash mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bell_snooze icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bell_snooze />
<Heroicons.bell_snooze class="w-4 h-4" />
<Heroicons.bell_snooze solid />
<Heroicons.bell_snooze mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bolt icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bolt />
<Heroicons.bolt class="w-4 h-4" />
<Heroicons.bolt solid />
<Heroicons.bolt mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bolt_slash icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bolt_slash />
<Heroicons.bolt_slash class="w-4 h-4" />
<Heroicons.bolt_slash solid />
<Heroicons.bolt_slash mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the book_open icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.book_open />
<Heroicons.book_open class="w-4 h-4" />
<Heroicons.book_open solid />
<Heroicons.book_open mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bookmark icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bookmark />
<Heroicons.bookmark class="w-4 h-4" />
<Heroicons.bookmark solid />
<Heroicons.bookmark mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bookmark_slash icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bookmark_slash />
<Heroicons.bookmark_slash class="w-4 h-4" />
<Heroicons.bookmark_slash solid />
<Heroicons.bookmark_slash mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

bookmark_square(assigns)

View Source

Renders the bookmark_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bookmark_square />
<Heroicons.bookmark_square class="w-4 h-4" />
<Heroicons.bookmark_square solid />
<Heroicons.bookmark_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the briefcase icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.briefcase />
<Heroicons.briefcase class="w-4 h-4" />
<Heroicons.briefcase solid />
<Heroicons.briefcase mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the bug_ant icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.bug_ant />
<Heroicons.bug_ant class="w-4 h-4" />
<Heroicons.bug_ant solid />
<Heroicons.bug_ant mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

building_library(assigns)

View Source

Renders the building_library icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.building_library />
<Heroicons.building_library class="w-4 h-4" />
<Heroicons.building_library solid />
<Heroicons.building_library mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

building_office(assigns)

View Source

Renders the building_office icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.building_office />
<Heroicons.building_office class="w-4 h-4" />
<Heroicons.building_office solid />
<Heroicons.building_office mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

building_office_2(assigns)

View Source

Renders the building_office_2 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.building_office_2 />
<Heroicons.building_office_2 class="w-4 h-4" />
<Heroicons.building_office_2 solid />
<Heroicons.building_office_2 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

building_storefront(assigns)

View Source

Renders the building_storefront icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.building_storefront />
<Heroicons.building_storefront class="w-4 h-4" />
<Heroicons.building_storefront solid />
<Heroicons.building_storefront mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cake icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cake />
<Heroicons.cake class="w-4 h-4" />
<Heroicons.cake solid />
<Heroicons.cake mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the calculator icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.calculator />
<Heroicons.calculator class="w-4 h-4" />
<Heroicons.calculator solid />
<Heroicons.calculator mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the calendar icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.calendar />
<Heroicons.calendar class="w-4 h-4" />
<Heroicons.calendar solid />
<Heroicons.calendar mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the calendar_days icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.calendar_days />
<Heroicons.calendar_days class="w-4 h-4" />
<Heroicons.calendar_days solid />
<Heroicons.calendar_days mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the camera icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.camera />
<Heroicons.camera class="w-4 h-4" />
<Heroicons.camera solid />
<Heroicons.camera mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the chart_bar icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chart_bar />
<Heroicons.chart_bar class="w-4 h-4" />
<Heroicons.chart_bar solid />
<Heroicons.chart_bar mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chart_bar_square(assigns)

View Source

Renders the chart_bar_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chart_bar_square />
<Heroicons.chart_bar_square class="w-4 h-4" />
<Heroicons.chart_bar_square solid />
<Heroicons.chart_bar_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the chart_pie icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chart_pie />
<Heroicons.chart_pie class="w-4 h-4" />
<Heroicons.chart_pie solid />
<Heroicons.chart_pie mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chat_bubble_bottom_center(assigns)

View Source

Renders the chat_bubble_bottom_center icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chat_bubble_bottom_center />
<Heroicons.chat_bubble_bottom_center class="w-4 h-4" />
<Heroicons.chat_bubble_bottom_center solid />
<Heroicons.chat_bubble_bottom_center mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chat_bubble_bottom_center_text(assigns)

View Source

Renders the chat_bubble_bottom_center_text icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chat_bubble_bottom_center_text />
<Heroicons.chat_bubble_bottom_center_text class="w-4 h-4" />
<Heroicons.chat_bubble_bottom_center_text solid />
<Heroicons.chat_bubble_bottom_center_text mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chat_bubble_left(assigns)

View Source

Renders the chat_bubble_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chat_bubble_left />
<Heroicons.chat_bubble_left class="w-4 h-4" />
<Heroicons.chat_bubble_left solid />
<Heroicons.chat_bubble_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chat_bubble_left_ellipsis(assigns)

View Source

Renders the chat_bubble_left_ellipsis icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chat_bubble_left_ellipsis />
<Heroicons.chat_bubble_left_ellipsis class="w-4 h-4" />
<Heroicons.chat_bubble_left_ellipsis solid />
<Heroicons.chat_bubble_left_ellipsis mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chat_bubble_left_right(assigns)

View Source

Renders the chat_bubble_left_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chat_bubble_left_right />
<Heroicons.chat_bubble_left_right class="w-4 h-4" />
<Heroicons.chat_bubble_left_right solid />
<Heroicons.chat_bubble_left_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chat_bubble_oval_left(assigns)

View Source

Renders the chat_bubble_oval_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chat_bubble_oval_left />
<Heroicons.chat_bubble_oval_left class="w-4 h-4" />
<Heroicons.chat_bubble_oval_left solid />
<Heroicons.chat_bubble_oval_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chat_bubble_oval_left_ellipsis(assigns)

View Source

Renders the chat_bubble_oval_left_ellipsis icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chat_bubble_oval_left_ellipsis />
<Heroicons.chat_bubble_oval_left_ellipsis class="w-4 h-4" />
<Heroicons.chat_bubble_oval_left_ellipsis solid />
<Heroicons.chat_bubble_oval_left_ellipsis mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the check icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.check />
<Heroicons.check class="w-4 h-4" />
<Heroicons.check solid />
<Heroicons.check mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the check_badge icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.check_badge />
<Heroicons.check_badge class="w-4 h-4" />
<Heroicons.check_badge solid />
<Heroicons.check_badge mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the check_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.check_circle />
<Heroicons.check_circle class="w-4 h-4" />
<Heroicons.check_circle solid />
<Heroicons.check_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chevron_double_down(assigns)

View Source

Renders the chevron_double_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_double_down />
<Heroicons.chevron_double_down class="w-4 h-4" />
<Heroicons.chevron_double_down solid />
<Heroicons.chevron_double_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chevron_double_left(assigns)

View Source

Renders the chevron_double_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_double_left />
<Heroicons.chevron_double_left class="w-4 h-4" />
<Heroicons.chevron_double_left solid />
<Heroicons.chevron_double_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chevron_double_right(assigns)

View Source

Renders the chevron_double_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_double_right />
<Heroicons.chevron_double_right class="w-4 h-4" />
<Heroicons.chevron_double_right solid />
<Heroicons.chevron_double_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chevron_double_up(assigns)

View Source

Renders the chevron_double_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_double_up />
<Heroicons.chevron_double_up class="w-4 h-4" />
<Heroicons.chevron_double_up solid />
<Heroicons.chevron_double_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the chevron_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_down />
<Heroicons.chevron_down class="w-4 h-4" />
<Heroicons.chevron_down solid />
<Heroicons.chevron_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the chevron_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_left />
<Heroicons.chevron_left class="w-4 h-4" />
<Heroicons.chevron_left solid />
<Heroicons.chevron_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the chevron_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_right />
<Heroicons.chevron_right class="w-4 h-4" />
<Heroicons.chevron_right solid />
<Heroicons.chevron_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the chevron_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_up />
<Heroicons.chevron_up class="w-4 h-4" />
<Heroicons.chevron_up solid />
<Heroicons.chevron_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

chevron_up_down(assigns)

View Source

Renders the chevron_up_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.chevron_up_down />
<Heroicons.chevron_up_down class="w-4 h-4" />
<Heroicons.chevron_up_down solid />
<Heroicons.chevron_up_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the circle_stack icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.circle_stack />
<Heroicons.circle_stack class="w-4 h-4" />
<Heroicons.circle_stack solid />
<Heroicons.circle_stack mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the clipboard icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.clipboard />
<Heroicons.clipboard class="w-4 h-4" />
<Heroicons.clipboard solid />
<Heroicons.clipboard mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

clipboard_document(assigns)

View Source

Renders the clipboard_document icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.clipboard_document />
<Heroicons.clipboard_document class="w-4 h-4" />
<Heroicons.clipboard_document solid />
<Heroicons.clipboard_document mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

clipboard_document_check(assigns)

View Source

Renders the clipboard_document_check icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.clipboard_document_check />
<Heroicons.clipboard_document_check class="w-4 h-4" />
<Heroicons.clipboard_document_check solid />
<Heroicons.clipboard_document_check mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

clipboard_document_list(assigns)

View Source

Renders the clipboard_document_list icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.clipboard_document_list />
<Heroicons.clipboard_document_list class="w-4 h-4" />
<Heroicons.clipboard_document_list solid />
<Heroicons.clipboard_document_list mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the clock icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.clock />
<Heroicons.clock class="w-4 h-4" />
<Heroicons.clock solid />
<Heroicons.clock mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cloud icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cloud />
<Heroicons.cloud class="w-4 h-4" />
<Heroicons.cloud solid />
<Heroicons.cloud mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

cloud_arrow_down(assigns)

View Source

Renders the cloud_arrow_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cloud_arrow_down />
<Heroicons.cloud_arrow_down class="w-4 h-4" />
<Heroicons.cloud_arrow_down solid />
<Heroicons.cloud_arrow_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cloud_arrow_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cloud_arrow_up />
<Heroicons.cloud_arrow_up class="w-4 h-4" />
<Heroicons.cloud_arrow_up solid />
<Heroicons.cloud_arrow_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the code_bracket icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.code_bracket />
<Heroicons.code_bracket class="w-4 h-4" />
<Heroicons.code_bracket solid />
<Heroicons.code_bracket mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

code_bracket_square(assigns)

View Source

Renders the code_bracket_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.code_bracket_square />
<Heroicons.code_bracket_square class="w-4 h-4" />
<Heroicons.code_bracket_square solid />
<Heroicons.code_bracket_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cog icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cog />
<Heroicons.cog class="w-4 h-4" />
<Heroicons.cog solid />
<Heroicons.cog mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cog_6_tooth icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cog_6_tooth />
<Heroicons.cog_6_tooth class="w-4 h-4" />
<Heroicons.cog_6_tooth solid />
<Heroicons.cog_6_tooth mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cog_8_tooth icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cog_8_tooth />
<Heroicons.cog_8_tooth class="w-4 h-4" />
<Heroicons.cog_8_tooth solid />
<Heroicons.cog_8_tooth mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the command_line icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.command_line />
<Heroicons.command_line class="w-4 h-4" />
<Heroicons.command_line solid />
<Heroicons.command_line mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

computer_desktop(assigns)

View Source

Renders the computer_desktop icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.computer_desktop />
<Heroicons.computer_desktop class="w-4 h-4" />
<Heroicons.computer_desktop solid />
<Heroicons.computer_desktop mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cpu_chip icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cpu_chip />
<Heroicons.cpu_chip class="w-4 h-4" />
<Heroicons.cpu_chip solid />
<Heroicons.cpu_chip mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the credit_card icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.credit_card />
<Heroicons.credit_card class="w-4 h-4" />
<Heroicons.credit_card solid />
<Heroicons.credit_card mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the cube icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cube />
<Heroicons.cube class="w-4 h-4" />
<Heroicons.cube solid />
<Heroicons.cube mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

cube_transparent(assigns)

View Source

Renders the cube_transparent icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cube_transparent />
<Heroicons.cube_transparent class="w-4 h-4" />
<Heroicons.cube_transparent solid />
<Heroicons.cube_transparent mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

currency_bangladeshi(assigns)

View Source

Renders the currency_bangladeshi icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.currency_bangladeshi />
<Heroicons.currency_bangladeshi class="w-4 h-4" />
<Heroicons.currency_bangladeshi solid />
<Heroicons.currency_bangladeshi mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

currency_dollar(assigns)

View Source

Renders the currency_dollar icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.currency_dollar />
<Heroicons.currency_dollar class="w-4 h-4" />
<Heroicons.currency_dollar solid />
<Heroicons.currency_dollar mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the currency_euro icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.currency_euro />
<Heroicons.currency_euro class="w-4 h-4" />
<Heroicons.currency_euro solid />
<Heroicons.currency_euro mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the currency_pound icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.currency_pound />
<Heroicons.currency_pound class="w-4 h-4" />
<Heroicons.currency_pound solid />
<Heroicons.currency_pound mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the currency_rupee icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.currency_rupee />
<Heroicons.currency_rupee class="w-4 h-4" />
<Heroicons.currency_rupee solid />
<Heroicons.currency_rupee mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the currency_yen icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.currency_yen />
<Heroicons.currency_yen class="w-4 h-4" />
<Heroicons.currency_yen solid />
<Heroicons.currency_yen mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

cursor_arrow_rays(assigns)

View Source

Renders the cursor_arrow_rays icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cursor_arrow_rays />
<Heroicons.cursor_arrow_rays class="w-4 h-4" />
<Heroicons.cursor_arrow_rays solid />
<Heroicons.cursor_arrow_rays mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

cursor_arrow_ripple(assigns)

View Source

Renders the cursor_arrow_ripple icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.cursor_arrow_ripple />
<Heroicons.cursor_arrow_ripple class="w-4 h-4" />
<Heroicons.cursor_arrow_ripple solid />
<Heroicons.cursor_arrow_ripple mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

device_phone_mobile(assigns)

View Source

Renders the device_phone_mobile icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.device_phone_mobile />
<Heroicons.device_phone_mobile class="w-4 h-4" />
<Heroicons.device_phone_mobile solid />
<Heroicons.device_phone_mobile mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the device_tablet icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.device_tablet />
<Heroicons.device_tablet class="w-4 h-4" />
<Heroicons.device_tablet solid />
<Heroicons.device_tablet mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the document icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document />
<Heroicons.document class="w-4 h-4" />
<Heroicons.document solid />
<Heroicons.document mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

document_arrow_down(assigns)

View Source

Renders the document_arrow_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_arrow_down />
<Heroicons.document_arrow_down class="w-4 h-4" />
<Heroicons.document_arrow_down solid />
<Heroicons.document_arrow_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

document_arrow_up(assigns)

View Source

Renders the document_arrow_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_arrow_up />
<Heroicons.document_arrow_up class="w-4 h-4" />
<Heroicons.document_arrow_up solid />
<Heroicons.document_arrow_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

document_chart_bar(assigns)

View Source

Renders the document_chart_bar icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_chart_bar />
<Heroicons.document_chart_bar class="w-4 h-4" />
<Heroicons.document_chart_bar solid />
<Heroicons.document_chart_bar mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the document_check icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_check />
<Heroicons.document_check class="w-4 h-4" />
<Heroicons.document_check solid />
<Heroicons.document_check mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

document_duplicate(assigns)

View Source

Renders the document_duplicate icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_duplicate />
<Heroicons.document_duplicate class="w-4 h-4" />
<Heroicons.document_duplicate solid />
<Heroicons.document_duplicate mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

document_magnifying_glass(assigns)

View Source

Renders the document_magnifying_glass icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_magnifying_glass />
<Heroicons.document_magnifying_glass class="w-4 h-4" />
<Heroicons.document_magnifying_glass solid />
<Heroicons.document_magnifying_glass mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the document_minus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_minus />
<Heroicons.document_minus class="w-4 h-4" />
<Heroicons.document_minus solid />
<Heroicons.document_minus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the document_plus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_plus />
<Heroicons.document_plus class="w-4 h-4" />
<Heroicons.document_plus solid />
<Heroicons.document_plus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the document_text icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.document_text />
<Heroicons.document_text class="w-4 h-4" />
<Heroicons.document_text solid />
<Heroicons.document_text mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

ellipsis_horizontal(assigns)

View Source

Renders the ellipsis_horizontal icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.ellipsis_horizontal />
<Heroicons.ellipsis_horizontal class="w-4 h-4" />
<Heroicons.ellipsis_horizontal solid />
<Heroicons.ellipsis_horizontal mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

ellipsis_horizontal_circle(assigns)

View Source

Renders the ellipsis_horizontal_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.ellipsis_horizontal_circle />
<Heroicons.ellipsis_horizontal_circle class="w-4 h-4" />
<Heroicons.ellipsis_horizontal_circle solid />
<Heroicons.ellipsis_horizontal_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

ellipsis_vertical(assigns)

View Source

Renders the ellipsis_vertical icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.ellipsis_vertical />
<Heroicons.ellipsis_vertical class="w-4 h-4" />
<Heroicons.ellipsis_vertical solid />
<Heroicons.ellipsis_vertical mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the envelope icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.envelope />
<Heroicons.envelope class="w-4 h-4" />
<Heroicons.envelope solid />
<Heroicons.envelope mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the envelope_open icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.envelope_open />
<Heroicons.envelope_open class="w-4 h-4" />
<Heroicons.envelope_open solid />
<Heroicons.envelope_open mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

exclamation_circle(assigns)

View Source

Renders the exclamation_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.exclamation_circle />
<Heroicons.exclamation_circle class="w-4 h-4" />
<Heroicons.exclamation_circle solid />
<Heroicons.exclamation_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

exclamation_triangle(assigns)

View Source

Renders the exclamation_triangle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.exclamation_triangle />
<Heroicons.exclamation_triangle class="w-4 h-4" />
<Heroicons.exclamation_triangle solid />
<Heroicons.exclamation_triangle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the eye icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.eye />
<Heroicons.eye class="w-4 h-4" />
<Heroicons.eye solid />
<Heroicons.eye mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the eye_dropper icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.eye_dropper />
<Heroicons.eye_dropper class="w-4 h-4" />
<Heroicons.eye_dropper solid />
<Heroicons.eye_dropper mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the eye_slash icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.eye_slash />
<Heroicons.eye_slash class="w-4 h-4" />
<Heroicons.eye_slash solid />
<Heroicons.eye_slash mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the face_frown icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.face_frown />
<Heroicons.face_frown class="w-4 h-4" />
<Heroicons.face_frown solid />
<Heroicons.face_frown mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the face_smile icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.face_smile />
<Heroicons.face_smile class="w-4 h-4" />
<Heroicons.face_smile solid />
<Heroicons.face_smile mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the film icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.film />
<Heroicons.film class="w-4 h-4" />
<Heroicons.film solid />
<Heroicons.film mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the finger_print icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.finger_print />
<Heroicons.finger_print class="w-4 h-4" />
<Heroicons.finger_print solid />
<Heroicons.finger_print mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the fire icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.fire />
<Heroicons.fire class="w-4 h-4" />
<Heroicons.fire solid />
<Heroicons.fire mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the flag icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.flag />
<Heroicons.flag class="w-4 h-4" />
<Heroicons.flag solid />
<Heroicons.flag mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the folder icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.folder />
<Heroicons.folder class="w-4 h-4" />
<Heroicons.folder solid />
<Heroicons.folder mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

folder_arrow_down(assigns)

View Source

Renders the folder_arrow_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.folder_arrow_down />
<Heroicons.folder_arrow_down class="w-4 h-4" />
<Heroicons.folder_arrow_down solid />
<Heroicons.folder_arrow_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the folder_minus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.folder_minus />
<Heroicons.folder_minus class="w-4 h-4" />
<Heroicons.folder_minus solid />
<Heroicons.folder_minus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the folder_open icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.folder_open />
<Heroicons.folder_open class="w-4 h-4" />
<Heroicons.folder_open solid />
<Heroicons.folder_open mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the folder_plus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.folder_plus />
<Heroicons.folder_plus class="w-4 h-4" />
<Heroicons.folder_plus solid />
<Heroicons.folder_plus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the forward icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.forward />
<Heroicons.forward class="w-4 h-4" />
<Heroicons.forward solid />
<Heroicons.forward mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the funnel icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.funnel />
<Heroicons.funnel class="w-4 h-4" />
<Heroicons.funnel solid />
<Heroicons.funnel mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the gif icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.gif />
<Heroicons.gif class="w-4 h-4" />
<Heroicons.gif solid />
<Heroicons.gif mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the gift icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.gift />
<Heroicons.gift class="w-4 h-4" />
<Heroicons.gift solid />
<Heroicons.gift mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the gift_top icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.gift_top />
<Heroicons.gift_top class="w-4 h-4" />
<Heroicons.gift_top solid />
<Heroicons.gift_top mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the globe_alt icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.globe_alt />
<Heroicons.globe_alt class="w-4 h-4" />
<Heroicons.globe_alt solid />
<Heroicons.globe_alt mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the globe_americas icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.globe_americas />
<Heroicons.globe_americas class="w-4 h-4" />
<Heroicons.globe_americas solid />
<Heroicons.globe_americas mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

globe_asia_australia(assigns)

View Source

Renders the globe_asia_australia icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.globe_asia_australia />
<Heroicons.globe_asia_australia class="w-4 h-4" />
<Heroicons.globe_asia_australia solid />
<Heroicons.globe_asia_australia mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

globe_europe_africa(assigns)

View Source

Renders the globe_europe_africa icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.globe_europe_africa />
<Heroicons.globe_europe_africa class="w-4 h-4" />
<Heroicons.globe_europe_africa solid />
<Heroicons.globe_europe_africa mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the hand_raised icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.hand_raised />
<Heroicons.hand_raised class="w-4 h-4" />
<Heroicons.hand_raised solid />
<Heroicons.hand_raised mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

hand_thumb_down(assigns)

View Source

Renders the hand_thumb_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.hand_thumb_down />
<Heroicons.hand_thumb_down class="w-4 h-4" />
<Heroicons.hand_thumb_down solid />
<Heroicons.hand_thumb_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the hand_thumb_up icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.hand_thumb_up />
<Heroicons.hand_thumb_up class="w-4 h-4" />
<Heroicons.hand_thumb_up solid />
<Heroicons.hand_thumb_up mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the hashtag icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.hashtag />
<Heroicons.hashtag class="w-4 h-4" />
<Heroicons.hashtag solid />
<Heroicons.hashtag mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the heart icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.heart />
<Heroicons.heart class="w-4 h-4" />
<Heroicons.heart solid />
<Heroicons.heart mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the home icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.home />
<Heroicons.home class="w-4 h-4" />
<Heroicons.home solid />
<Heroicons.home mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the home_modern icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.home_modern />
<Heroicons.home_modern class="w-4 h-4" />
<Heroicons.home_modern solid />
<Heroicons.home_modern mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the identification icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.identification />
<Heroicons.identification class="w-4 h-4" />
<Heroicons.identification solid />
<Heroicons.identification mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the inbox icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.inbox />
<Heroicons.inbox class="w-4 h-4" />
<Heroicons.inbox solid />
<Heroicons.inbox mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

inbox_arrow_down(assigns)

View Source

Renders the inbox_arrow_down icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.inbox_arrow_down />
<Heroicons.inbox_arrow_down class="w-4 h-4" />
<Heroicons.inbox_arrow_down solid />
<Heroicons.inbox_arrow_down mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the inbox_stack icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.inbox_stack />
<Heroicons.inbox_stack class="w-4 h-4" />
<Heroicons.inbox_stack solid />
<Heroicons.inbox_stack mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

information_circle(assigns)

View Source

Renders the information_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.information_circle />
<Heroicons.information_circle class="w-4 h-4" />
<Heroicons.information_circle solid />
<Heroicons.information_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the key icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.key />
<Heroicons.key class="w-4 h-4" />
<Heroicons.key solid />
<Heroicons.key mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the language icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.language />
<Heroicons.language class="w-4 h-4" />
<Heroicons.language solid />
<Heroicons.language mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the lifebuoy icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.lifebuoy />
<Heroicons.lifebuoy class="w-4 h-4" />
<Heroicons.lifebuoy solid />
<Heroicons.lifebuoy mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the light_bulb icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.light_bulb />
<Heroicons.light_bulb class="w-4 h-4" />
<Heroicons.light_bulb solid />
<Heroicons.light_bulb mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the link icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.link />
<Heroicons.link class="w-4 h-4" />
<Heroicons.link solid />
<Heroicons.link mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the list_bullet icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.list_bullet />
<Heroicons.list_bullet class="w-4 h-4" />
<Heroicons.list_bullet solid />
<Heroicons.list_bullet mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the lock_closed icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.lock_closed />
<Heroicons.lock_closed class="w-4 h-4" />
<Heroicons.lock_closed solid />
<Heroicons.lock_closed mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the lock_open icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.lock_open />
<Heroicons.lock_open class="w-4 h-4" />
<Heroicons.lock_open solid />
<Heroicons.lock_open mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

magnifying_glass(assigns)

View Source

Renders the magnifying_glass icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.magnifying_glass />
<Heroicons.magnifying_glass class="w-4 h-4" />
<Heroicons.magnifying_glass solid />
<Heroicons.magnifying_glass mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

magnifying_glass_circle(assigns)

View Source

Renders the magnifying_glass_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.magnifying_glass_circle />
<Heroicons.magnifying_glass_circle class="w-4 h-4" />
<Heroicons.magnifying_glass_circle solid />
<Heroicons.magnifying_glass_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

magnifying_glass_minus(assigns)

View Source

Renders the magnifying_glass_minus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.magnifying_glass_minus />
<Heroicons.magnifying_glass_minus class="w-4 h-4" />
<Heroicons.magnifying_glass_minus solid />
<Heroicons.magnifying_glass_minus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

magnifying_glass_plus(assigns)

View Source

Renders the magnifying_glass_plus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.magnifying_glass_plus />
<Heroicons.magnifying_glass_plus class="w-4 h-4" />
<Heroicons.magnifying_glass_plus solid />
<Heroicons.magnifying_glass_plus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the map icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.map />
<Heroicons.map class="w-4 h-4" />
<Heroicons.map solid />
<Heroicons.map mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the map_pin icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.map_pin />
<Heroicons.map_pin class="w-4 h-4" />
<Heroicons.map_pin solid />
<Heroicons.map_pin mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the megaphone icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.megaphone />
<Heroicons.megaphone class="w-4 h-4" />
<Heroicons.megaphone solid />
<Heroicons.megaphone mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the microphone icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.microphone />
<Heroicons.microphone class="w-4 h-4" />
<Heroicons.microphone solid />
<Heroicons.microphone mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the minus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.minus />
<Heroicons.minus class="w-4 h-4" />
<Heroicons.minus solid />
<Heroicons.minus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the minus_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.minus_circle />
<Heroicons.minus_circle class="w-4 h-4" />
<Heroicons.minus_circle solid />
<Heroicons.minus_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the minus_small icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.minus_small />
<Heroicons.minus_small class="w-4 h-4" />
<Heroicons.minus_small solid />
<Heroicons.minus_small mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the moon icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.moon />
<Heroicons.moon class="w-4 h-4" />
<Heroicons.moon solid />
<Heroicons.moon mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the musical_note icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.musical_note />
<Heroicons.musical_note class="w-4 h-4" />
<Heroicons.musical_note solid />
<Heroicons.musical_note mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the newspaper icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.newspaper />
<Heroicons.newspaper class="w-4 h-4" />
<Heroicons.newspaper solid />
<Heroicons.newspaper mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the no_symbol icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.no_symbol />
<Heroicons.no_symbol class="w-4 h-4" />
<Heroicons.no_symbol solid />
<Heroicons.no_symbol mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the paint_brush icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.paint_brush />
<Heroicons.paint_brush class="w-4 h-4" />
<Heroicons.paint_brush solid />
<Heroicons.paint_brush mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the paper_airplane icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.paper_airplane />
<Heroicons.paper_airplane class="w-4 h-4" />
<Heroicons.paper_airplane solid />
<Heroicons.paper_airplane mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the paper_clip icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.paper_clip />
<Heroicons.paper_clip class="w-4 h-4" />
<Heroicons.paper_clip solid />
<Heroicons.paper_clip mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the pause icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.pause />
<Heroicons.pause class="w-4 h-4" />
<Heroicons.pause solid />
<Heroicons.pause mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the pause_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.pause_circle />
<Heroicons.pause_circle class="w-4 h-4" />
<Heroicons.pause_circle solid />
<Heroicons.pause_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the pencil icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.pencil />
<Heroicons.pencil class="w-4 h-4" />
<Heroicons.pencil solid />
<Heroicons.pencil mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the pencil_square icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.pencil_square />
<Heroicons.pencil_square class="w-4 h-4" />
<Heroicons.pencil_square solid />
<Heroicons.pencil_square mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the phone icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.phone />
<Heroicons.phone class="w-4 h-4" />
<Heroicons.phone solid />
<Heroicons.phone mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

phone_arrow_down_left(assigns)

View Source

Renders the phone_arrow_down_left icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.phone_arrow_down_left />
<Heroicons.phone_arrow_down_left class="w-4 h-4" />
<Heroicons.phone_arrow_down_left solid />
<Heroicons.phone_arrow_down_left mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

phone_arrow_up_right(assigns)

View Source

Renders the phone_arrow_up_right icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.phone_arrow_up_right />
<Heroicons.phone_arrow_up_right class="w-4 h-4" />
<Heroicons.phone_arrow_up_right solid />
<Heroicons.phone_arrow_up_right mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the phone_x_mark icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.phone_x_mark />
<Heroicons.phone_x_mark class="w-4 h-4" />
<Heroicons.phone_x_mark solid />
<Heroicons.phone_x_mark mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the photo icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.photo />
<Heroicons.photo class="w-4 h-4" />
<Heroicons.photo solid />
<Heroicons.photo mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the play icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.play />
<Heroicons.play class="w-4 h-4" />
<Heroicons.play solid />
<Heroicons.play mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the play_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.play_circle />
<Heroicons.play_circle class="w-4 h-4" />
<Heroicons.play_circle solid />
<Heroicons.play_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the play_pause icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.play_pause />
<Heroicons.play_pause class="w-4 h-4" />
<Heroicons.play_pause solid />
<Heroicons.play_pause mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the plus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.plus />
<Heroicons.plus class="w-4 h-4" />
<Heroicons.plus solid />
<Heroicons.plus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the plus_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.plus_circle />
<Heroicons.plus_circle class="w-4 h-4" />
<Heroicons.plus_circle solid />
<Heroicons.plus_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the plus_small icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.plus_small />
<Heroicons.plus_small class="w-4 h-4" />
<Heroicons.plus_small solid />
<Heroicons.plus_small mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the power icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.power />
<Heroicons.power class="w-4 h-4" />
<Heroicons.power solid />
<Heroicons.power mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

presentation_chart_bar(assigns)

View Source

Renders the presentation_chart_bar icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.presentation_chart_bar />
<Heroicons.presentation_chart_bar class="w-4 h-4" />
<Heroicons.presentation_chart_bar solid />
<Heroicons.presentation_chart_bar mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

presentation_chart_line(assigns)

View Source

Renders the presentation_chart_line icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.presentation_chart_line />
<Heroicons.presentation_chart_line class="w-4 h-4" />
<Heroicons.presentation_chart_line solid />
<Heroicons.presentation_chart_line mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the printer icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.printer />
<Heroicons.printer class="w-4 h-4" />
<Heroicons.printer solid />
<Heroicons.printer mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the puzzle_piece icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.puzzle_piece />
<Heroicons.puzzle_piece class="w-4 h-4" />
<Heroicons.puzzle_piece solid />
<Heroicons.puzzle_piece mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the qr_code icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.qr_code />
<Heroicons.qr_code class="w-4 h-4" />
<Heroicons.qr_code solid />
<Heroicons.qr_code mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

question_mark_circle(assigns)

View Source

Renders the question_mark_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.question_mark_circle />
<Heroicons.question_mark_circle class="w-4 h-4" />
<Heroicons.question_mark_circle solid />
<Heroicons.question_mark_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the queue_list icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.queue_list />
<Heroicons.queue_list class="w-4 h-4" />
<Heroicons.queue_list solid />
<Heroicons.queue_list mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the radio icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.radio />
<Heroicons.radio class="w-4 h-4" />
<Heroicons.radio solid />
<Heroicons.radio mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

receipt_percent(assigns)

View Source

Renders the receipt_percent icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.receipt_percent />
<Heroicons.receipt_percent class="w-4 h-4" />
<Heroicons.receipt_percent solid />
<Heroicons.receipt_percent mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the receipt_refund icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.receipt_refund />
<Heroicons.receipt_refund class="w-4 h-4" />
<Heroicons.receipt_refund solid />
<Heroicons.receipt_refund mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

rectangle_group(assigns)

View Source

Renders the rectangle_group icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.rectangle_group />
<Heroicons.rectangle_group class="w-4 h-4" />
<Heroicons.rectangle_group solid />
<Heroicons.rectangle_group mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

rectangle_stack(assigns)

View Source

Renders the rectangle_stack icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.rectangle_stack />
<Heroicons.rectangle_stack class="w-4 h-4" />
<Heroicons.rectangle_stack solid />
<Heroicons.rectangle_stack mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the rocket_launch icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.rocket_launch />
<Heroicons.rocket_launch class="w-4 h-4" />
<Heroicons.rocket_launch solid />
<Heroicons.rocket_launch mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the rss icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.rss />
<Heroicons.rss class="w-4 h-4" />
<Heroicons.rss solid />
<Heroicons.rss mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the scale icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.scale />
<Heroicons.scale class="w-4 h-4" />
<Heroicons.scale solid />
<Heroicons.scale mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the scissors icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.scissors />
<Heroicons.scissors class="w-4 h-4" />
<Heroicons.scissors solid />
<Heroicons.scissors mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the server icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.server />
<Heroicons.server class="w-4 h-4" />
<Heroicons.server solid />
<Heroicons.server mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the server_stack icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.server_stack />
<Heroicons.server_stack class="w-4 h-4" />
<Heroicons.server_stack solid />
<Heroicons.server_stack mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the share icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.share />
<Heroicons.share class="w-4 h-4" />
<Heroicons.share solid />
<Heroicons.share mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the shield_check icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.shield_check />
<Heroicons.shield_check class="w-4 h-4" />
<Heroicons.shield_check solid />
<Heroicons.shield_check mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

shield_exclamation(assigns)

View Source

Renders the shield_exclamation icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.shield_exclamation />
<Heroicons.shield_exclamation class="w-4 h-4" />
<Heroicons.shield_exclamation solid />
<Heroicons.shield_exclamation mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the shopping_bag icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.shopping_bag />
<Heroicons.shopping_bag class="w-4 h-4" />
<Heroicons.shopping_bag solid />
<Heroicons.shopping_bag mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the shopping_cart icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.shopping_cart />
<Heroicons.shopping_cart class="w-4 h-4" />
<Heroicons.shopping_cart solid />
<Heroicons.shopping_cart mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the signal icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.signal />
<Heroicons.signal class="w-4 h-4" />
<Heroicons.signal solid />
<Heroicons.signal mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the signal_slash icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.signal_slash />
<Heroicons.signal_slash class="w-4 h-4" />
<Heroicons.signal_slash solid />
<Heroicons.signal_slash mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the sparkles icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.sparkles />
<Heroicons.sparkles class="w-4 h-4" />
<Heroicons.sparkles solid />
<Heroicons.sparkles mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the speaker_wave icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.speaker_wave />
<Heroicons.speaker_wave class="w-4 h-4" />
<Heroicons.speaker_wave solid />
<Heroicons.speaker_wave mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the speaker_x_mark icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.speaker_x_mark />
<Heroicons.speaker_x_mark class="w-4 h-4" />
<Heroicons.speaker_x_mark solid />
<Heroicons.speaker_x_mark mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the square_2_stack icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.square_2_stack />
<Heroicons.square_2_stack class="w-4 h-4" />
<Heroicons.square_2_stack solid />
<Heroicons.square_2_stack mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

square_3_stack_3d(assigns)

View Source

Renders the square_3_stack_3d icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.square_3_stack_3d />
<Heroicons.square_3_stack_3d class="w-4 h-4" />
<Heroicons.square_3_stack_3d solid />
<Heroicons.square_3_stack_3d mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the squares_2x2 icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.squares_2x2 />
<Heroicons.squares_2x2 class="w-4 h-4" />
<Heroicons.squares_2x2 solid />
<Heroicons.squares_2x2 mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the squares_plus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.squares_plus />
<Heroicons.squares_plus class="w-4 h-4" />
<Heroicons.squares_plus solid />
<Heroicons.squares_plus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the star icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.star />
<Heroicons.star class="w-4 h-4" />
<Heroicons.star solid />
<Heroicons.star mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the stop icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.stop />
<Heroicons.stop class="w-4 h-4" />
<Heroicons.stop solid />
<Heroicons.stop mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the stop_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.stop_circle />
<Heroicons.stop_circle class="w-4 h-4" />
<Heroicons.stop_circle solid />
<Heroicons.stop_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the sun icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.sun />
<Heroicons.sun class="w-4 h-4" />
<Heroicons.sun solid />
<Heroicons.sun mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the swatch icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.swatch />
<Heroicons.swatch class="w-4 h-4" />
<Heroicons.swatch solid />
<Heroicons.swatch mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the table_cells icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.table_cells />
<Heroicons.table_cells class="w-4 h-4" />
<Heroicons.table_cells solid />
<Heroicons.table_cells mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the tag icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.tag />
<Heroicons.tag class="w-4 h-4" />
<Heroicons.tag solid />
<Heroicons.tag mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the ticket icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.ticket />
<Heroicons.ticket class="w-4 h-4" />
<Heroicons.ticket solid />
<Heroicons.ticket mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the trash icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.trash />
<Heroicons.trash class="w-4 h-4" />
<Heroicons.trash solid />
<Heroicons.trash mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the trophy icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.trophy />
<Heroicons.trophy class="w-4 h-4" />
<Heroicons.trophy solid />
<Heroicons.trophy mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the truck icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.truck />
<Heroicons.truck class="w-4 h-4" />
<Heroicons.truck solid />
<Heroicons.truck mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the tv icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.tv />
<Heroicons.tv class="w-4 h-4" />
<Heroicons.tv solid />
<Heroicons.tv mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the user icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.user />
<Heroicons.user class="w-4 h-4" />
<Heroicons.user solid />
<Heroicons.user mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the user_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.user_circle />
<Heroicons.user_circle class="w-4 h-4" />
<Heroicons.user_circle solid />
<Heroicons.user_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the user_group icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.user_group />
<Heroicons.user_group class="w-4 h-4" />
<Heroicons.user_group solid />
<Heroicons.user_group mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the user_minus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.user_minus />
<Heroicons.user_minus class="w-4 h-4" />
<Heroicons.user_minus solid />
<Heroicons.user_minus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the user_plus icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.user_plus />
<Heroicons.user_plus class="w-4 h-4" />
<Heroicons.user_plus solid />
<Heroicons.user_plus mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the users icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.users />
<Heroicons.users class="w-4 h-4" />
<Heroicons.users solid />
<Heroicons.users mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the variable icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.variable />
<Heroicons.variable class="w-4 h-4" />
<Heroicons.variable solid />
<Heroicons.variable mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the video_camera icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.video_camera />
<Heroicons.video_camera class="w-4 h-4" />
<Heroicons.video_camera solid />
<Heroicons.video_camera mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

video_camera_slash(assigns)

View Source

Renders the video_camera_slash icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.video_camera_slash />
<Heroicons.video_camera_slash class="w-4 h-4" />
<Heroicons.video_camera_slash solid />
<Heroicons.video_camera_slash mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the view_columns icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.view_columns />
<Heroicons.view_columns class="w-4 h-4" />
<Heroicons.view_columns solid />
<Heroicons.view_columns mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

viewfinder_circle(assigns)

View Source

Renders the viewfinder_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.viewfinder_circle />
<Heroicons.viewfinder_circle class="w-4 h-4" />
<Heroicons.viewfinder_circle solid />
<Heroicons.viewfinder_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the wallet icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.wallet />
<Heroicons.wallet class="w-4 h-4" />
<Heroicons.wallet solid />
<Heroicons.wallet mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the wifi icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.wifi />
<Heroicons.wifi class="w-4 h-4" />
<Heroicons.wifi solid />
<Heroicons.wifi mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the window icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.window />
<Heroicons.window class="w-4 h-4" />
<Heroicons.window solid />
<Heroicons.window mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the wrench icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.wrench />
<Heroicons.wrench class="w-4 h-4" />
<Heroicons.wrench solid />
<Heroicons.wrench mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
Link to this function

wrench_screwdriver(assigns)

View Source

Renders the wrench_screwdriver icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.wrench_screwdriver />
<Heroicons.wrench_screwdriver class="w-4 h-4" />
<Heroicons.wrench_screwdriver solid />
<Heroicons.wrench_screwdriver mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the x_circle icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.x_circle />
<Heroicons.x_circle class="w-4 h-4" />
<Heroicons.x_circle solid />
<Heroicons.x_circle mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.

Renders the x_mark icon.

By default, the outlined (24x24) component is used, but the solid or mini attributes can be provided for alternative styles.

You may also pass arbitrary HTML attributes to be applied to the svg tag.

Examples

<Heroicons.x_mark />
<Heroicons.x_mark class="w-4 h-4" />
<Heroicons.x_mark solid />
<Heroicons.x_mark mini />

Attributes

  • rest (:global) - the arbitrary HTML attributes for the svg container.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.