View Source Heroicons (Heroicons v0.5.3)

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

Heroicons are designed by Steve Schoger

usage

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_50 icon.

Renders the battery_100 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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.archive_box_arrow_down outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.archive_box_x_mark outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_down_on_square outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_down_on_square_stack outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_left_on_rectangle outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_path_rounded_square outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_right_on_rectangle outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_top_right_on_square outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_up_on_square outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.arrow_up_on_square_stack outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.bars_3_bottom_left outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.bars_3_bottom_right outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.bars_3_center_left outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.chat_bubble_bottom_center outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.chat_bubble_bottom_center_text outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.chat_bubble_left_ellipsis outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.chat_bubble_left_right outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.chat_bubble_oval_left outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.chat_bubble_oval_left_ellipsis outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.phone_arrow_down_left outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.phone_arrow_up_right outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

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 />
<Heroicons.square_3_stack_3d outline />

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.
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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.

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

Examples

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

attributes

Attributes

  • outline (:boolean) - Defaults to true.
  • solid (:boolean) - Defaults to false.
  • mini (:boolean) - Defaults to false.
  • Global attributes are accepted.