View Source Heroicons (Heroicons v0.5.6)
Provides precompiled icon compiles from heroicons.com v2.1.5.
Heroicons are designed by Steve Schoger
Usage
Hero icons come in four styles – outline (24x24), solid (24x24), mini (20x20) and micro(16x16).
By default, the icon components will use the outline style, but the solid,
mini or micro attributes may be passed to select styling, for example:
<Heroicons.cake />
<Heroicons.cake solid />
<Heroicons.cake mini />
<Heroicons.cake micro />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.
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_end_on_rectangle icon.
Renders the arrow_left_on_rectangle icon.
Renders the arrow_left_start_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_end_on_rectangle icon.
Renders the arrow_right_on_rectangle icon.
Renders the arrow_right_start_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_turn_down_left icon.
Renders the arrow_turn_down_right icon.
Renders the arrow_turn_left_down icon.
Renders the arrow_turn_left_up icon.
Renders the arrow_turn_right_down icon.
Renders the arrow_turn_right_up icon.
Renders the arrow_turn_up_left icon.
Renders the arrow_turn_up_right 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 bold 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_date_range 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 divide 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_currency_bangladeshi icon.
Renders the document_currency_dollar icon.
Renders the document_currency_euro icon.
Renders the document_currency_pound icon.
Renders the document_currency_rupee icon.
Renders the document_currency_yen 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 equals 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 h1 icon.
Renders the h2 icon.
Renders the h3 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 italic icon.
Renders the key icon.
Renders the language icon.
Renders the lifebuoy icon.
Renders the light_bulb icon.
Renders the link icon.
Renders the link_slash 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 numbered_list 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 percent_badge 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 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 strikethrough 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 underline 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.
Functions
Renders the academic_cap icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.academic_cap />
<Heroicons.academic_cap class="w-4 h-4" />
<Heroicons.academic_cap solid />
<Heroicons.academic_cap mini />
<Heroicons.academic_cap micro />
<Heroicons.academic_cap outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the adjustments_horizontal icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.adjustments_horizontal />
<Heroicons.adjustments_horizontal class="w-4 h-4" />
<Heroicons.adjustments_horizontal solid />
<Heroicons.adjustments_horizontal mini />
<Heroicons.adjustments_horizontal micro />
<Heroicons.adjustments_horizontal outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the adjustments_vertical icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.adjustments_vertical />
<Heroicons.adjustments_vertical class="w-4 h-4" />
<Heroicons.adjustments_vertical solid />
<Heroicons.adjustments_vertical mini />
<Heroicons.adjustments_vertical micro />
<Heroicons.adjustments_vertical outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the archive_box icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.archive_box />
<Heroicons.archive_box class="w-4 h-4" />
<Heroicons.archive_box solid />
<Heroicons.archive_box mini />
<Heroicons.archive_box micro />
<Heroicons.archive_box outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the archive_box_arrow_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.archive_box_arrow_down />
<Heroicons.archive_box_arrow_down class="w-4 h-4" />
<Heroicons.archive_box_arrow_down solid />
<Heroicons.archive_box_arrow_down mini />
<Heroicons.archive_box_arrow_down micro />
<Heroicons.archive_box_arrow_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the archive_box_x_mark icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.archive_box_x_mark />
<Heroicons.archive_box_x_mark class="w-4 h-4" />
<Heroicons.archive_box_x_mark solid />
<Heroicons.archive_box_x_mark mini />
<Heroicons.archive_box_x_mark micro />
<Heroicons.archive_box_x_mark outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_down />
<Heroicons.arrow_down class="w-4 h-4" />
<Heroicons.arrow_down solid />
<Heroicons.arrow_down mini />
<Heroicons.arrow_down micro />
<Heroicons.arrow_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_down_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_down_circle />
<Heroicons.arrow_down_circle class="w-4 h-4" />
<Heroicons.arrow_down_circle solid />
<Heroicons.arrow_down_circle mini />
<Heroicons.arrow_down_circle micro />
<Heroicons.arrow_down_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_down_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_down_left />
<Heroicons.arrow_down_left class="w-4 h-4" />
<Heroicons.arrow_down_left solid />
<Heroicons.arrow_down_left mini />
<Heroicons.arrow_down_left micro />
<Heroicons.arrow_down_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_down_on_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_down_on_square />
<Heroicons.arrow_down_on_square class="w-4 h-4" />
<Heroicons.arrow_down_on_square solid />
<Heroicons.arrow_down_on_square mini />
<Heroicons.arrow_down_on_square micro />
<Heroicons.arrow_down_on_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_down_on_square_stack icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_down_on_square_stack />
<Heroicons.arrow_down_on_square_stack class="w-4 h-4" />
<Heroicons.arrow_down_on_square_stack solid />
<Heroicons.arrow_down_on_square_stack mini />
<Heroicons.arrow_down_on_square_stack micro />
<Heroicons.arrow_down_on_square_stack outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_down_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_down_right />
<Heroicons.arrow_down_right class="w-4 h-4" />
<Heroicons.arrow_down_right solid />
<Heroicons.arrow_down_right mini />
<Heroicons.arrow_down_right micro />
<Heroicons.arrow_down_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_down_tray icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_down_tray />
<Heroicons.arrow_down_tray class="w-4 h-4" />
<Heroicons.arrow_down_tray solid />
<Heroicons.arrow_down_tray mini />
<Heroicons.arrow_down_tray micro />
<Heroicons.arrow_down_tray outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_left />
<Heroicons.arrow_left class="w-4 h-4" />
<Heroicons.arrow_left solid />
<Heroicons.arrow_left mini />
<Heroicons.arrow_left micro />
<Heroicons.arrow_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_left_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_left_circle />
<Heroicons.arrow_left_circle class="w-4 h-4" />
<Heroicons.arrow_left_circle solid />
<Heroicons.arrow_left_circle mini />
<Heroicons.arrow_left_circle micro />
<Heroicons.arrow_left_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_left_end_on_rectangle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_left_end_on_rectangle />
<Heroicons.arrow_left_end_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_left_end_on_rectangle solid />
<Heroicons.arrow_left_end_on_rectangle mini />
<Heroicons.arrow_left_end_on_rectangle micro />
<Heroicons.arrow_left_end_on_rectangle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_left_on_rectangle icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_left_on_rectangle />
<Heroicons.arrow_left_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_left_on_rectangle solid />
<Heroicons.arrow_left_on_rectangle mini />
<Heroicons.arrow_left_on_rectangle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_left_start_on_rectangle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_left_start_on_rectangle />
<Heroicons.arrow_left_start_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_left_start_on_rectangle solid />
<Heroicons.arrow_left_start_on_rectangle mini />
<Heroicons.arrow_left_start_on_rectangle micro />
<Heroicons.arrow_left_start_on_rectangle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_long_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_long_down />
<Heroicons.arrow_long_down class="w-4 h-4" />
<Heroicons.arrow_long_down solid />
<Heroicons.arrow_long_down mini />
<Heroicons.arrow_long_down micro />
<Heroicons.arrow_long_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_long_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_long_left />
<Heroicons.arrow_long_left class="w-4 h-4" />
<Heroicons.arrow_long_left solid />
<Heroicons.arrow_long_left mini />
<Heroicons.arrow_long_left micro />
<Heroicons.arrow_long_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_long_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_long_right />
<Heroicons.arrow_long_right class="w-4 h-4" />
<Heroicons.arrow_long_right solid />
<Heroicons.arrow_long_right mini />
<Heroicons.arrow_long_right micro />
<Heroicons.arrow_long_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_long_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_long_up />
<Heroicons.arrow_long_up class="w-4 h-4" />
<Heroicons.arrow_long_up solid />
<Heroicons.arrow_long_up mini />
<Heroicons.arrow_long_up micro />
<Heroicons.arrow_long_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_path icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_path />
<Heroicons.arrow_path class="w-4 h-4" />
<Heroicons.arrow_path solid />
<Heroicons.arrow_path mini />
<Heroicons.arrow_path micro />
<Heroicons.arrow_path outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_path_rounded_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_path_rounded_square />
<Heroicons.arrow_path_rounded_square class="w-4 h-4" />
<Heroicons.arrow_path_rounded_square solid />
<Heroicons.arrow_path_rounded_square mini />
<Heroicons.arrow_path_rounded_square micro />
<Heroicons.arrow_path_rounded_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_right />
<Heroicons.arrow_right class="w-4 h-4" />
<Heroicons.arrow_right solid />
<Heroicons.arrow_right mini />
<Heroicons.arrow_right micro />
<Heroicons.arrow_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_right_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_right_circle />
<Heroicons.arrow_right_circle class="w-4 h-4" />
<Heroicons.arrow_right_circle solid />
<Heroicons.arrow_right_circle mini />
<Heroicons.arrow_right_circle micro />
<Heroicons.arrow_right_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_right_end_on_rectangle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_right_end_on_rectangle />
<Heroicons.arrow_right_end_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_right_end_on_rectangle solid />
<Heroicons.arrow_right_end_on_rectangle mini />
<Heroicons.arrow_right_end_on_rectangle micro />
<Heroicons.arrow_right_end_on_rectangle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_right_on_rectangle icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_right_on_rectangle />
<Heroicons.arrow_right_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_right_on_rectangle solid />
<Heroicons.arrow_right_on_rectangle mini />
<Heroicons.arrow_right_on_rectangle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_right_start_on_rectangle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_right_start_on_rectangle />
<Heroicons.arrow_right_start_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_right_start_on_rectangle solid />
<Heroicons.arrow_right_start_on_rectangle mini />
<Heroicons.arrow_right_start_on_rectangle micro />
<Heroicons.arrow_right_start_on_rectangle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_small_down icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_small_down />
<Heroicons.arrow_small_down class="w-4 h-4" />
<Heroicons.arrow_small_down solid />
<Heroicons.arrow_small_down mini />
<Heroicons.arrow_small_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_small_left icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_small_left />
<Heroicons.arrow_small_left class="w-4 h-4" />
<Heroicons.arrow_small_left solid />
<Heroicons.arrow_small_left mini />
<Heroicons.arrow_small_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_small_right icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_small_right />
<Heroicons.arrow_small_right class="w-4 h-4" />
<Heroicons.arrow_small_right solid />
<Heroicons.arrow_small_right mini />
<Heroicons.arrow_small_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_small_up icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_small_up />
<Heroicons.arrow_small_up class="w-4 h-4" />
<Heroicons.arrow_small_up solid />
<Heroicons.arrow_small_up mini />
<Heroicons.arrow_small_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_top_right_on_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_top_right_on_square />
<Heroicons.arrow_top_right_on_square class="w-4 h-4" />
<Heroicons.arrow_top_right_on_square solid />
<Heroicons.arrow_top_right_on_square mini />
<Heroicons.arrow_top_right_on_square micro />
<Heroicons.arrow_top_right_on_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_trending_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_trending_down />
<Heroicons.arrow_trending_down class="w-4 h-4" />
<Heroicons.arrow_trending_down solid />
<Heroicons.arrow_trending_down mini />
<Heroicons.arrow_trending_down micro />
<Heroicons.arrow_trending_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_trending_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_trending_up />
<Heroicons.arrow_trending_up class="w-4 h-4" />
<Heroicons.arrow_trending_up solid />
<Heroicons.arrow_trending_up mini />
<Heroicons.arrow_trending_up micro />
<Heroicons.arrow_trending_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_down_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_down_left />
<Heroicons.arrow_turn_down_left class="w-4 h-4" />
<Heroicons.arrow_turn_down_left solid />
<Heroicons.arrow_turn_down_left mini />
<Heroicons.arrow_turn_down_left micro />
<Heroicons.arrow_turn_down_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_down_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_down_right />
<Heroicons.arrow_turn_down_right class="w-4 h-4" />
<Heroicons.arrow_turn_down_right solid />
<Heroicons.arrow_turn_down_right mini />
<Heroicons.arrow_turn_down_right micro />
<Heroicons.arrow_turn_down_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_left_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_left_down />
<Heroicons.arrow_turn_left_down class="w-4 h-4" />
<Heroicons.arrow_turn_left_down solid />
<Heroicons.arrow_turn_left_down mini />
<Heroicons.arrow_turn_left_down micro />
<Heroicons.arrow_turn_left_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_left_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_left_up />
<Heroicons.arrow_turn_left_up class="w-4 h-4" />
<Heroicons.arrow_turn_left_up solid />
<Heroicons.arrow_turn_left_up mini />
<Heroicons.arrow_turn_left_up micro />
<Heroicons.arrow_turn_left_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_right_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_right_down />
<Heroicons.arrow_turn_right_down class="w-4 h-4" />
<Heroicons.arrow_turn_right_down solid />
<Heroicons.arrow_turn_right_down mini />
<Heroicons.arrow_turn_right_down micro />
<Heroicons.arrow_turn_right_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_right_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_right_up />
<Heroicons.arrow_turn_right_up class="w-4 h-4" />
<Heroicons.arrow_turn_right_up solid />
<Heroicons.arrow_turn_right_up mini />
<Heroicons.arrow_turn_right_up micro />
<Heroicons.arrow_turn_right_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_up_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_up_left />
<Heroicons.arrow_turn_up_left class="w-4 h-4" />
<Heroicons.arrow_turn_up_left solid />
<Heroicons.arrow_turn_up_left mini />
<Heroicons.arrow_turn_up_left micro />
<Heroicons.arrow_turn_up_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_turn_up_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_turn_up_right />
<Heroicons.arrow_turn_up_right class="w-4 h-4" />
<Heroicons.arrow_turn_up_right solid />
<Heroicons.arrow_turn_up_right mini />
<Heroicons.arrow_turn_up_right micro />
<Heroicons.arrow_turn_up_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_up />
<Heroicons.arrow_up class="w-4 h-4" />
<Heroicons.arrow_up solid />
<Heroicons.arrow_up mini />
<Heroicons.arrow_up micro />
<Heroicons.arrow_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_up_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_up_circle />
<Heroicons.arrow_up_circle class="w-4 h-4" />
<Heroicons.arrow_up_circle solid />
<Heroicons.arrow_up_circle mini />
<Heroicons.arrow_up_circle micro />
<Heroicons.arrow_up_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_up_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_up_left />
<Heroicons.arrow_up_left class="w-4 h-4" />
<Heroicons.arrow_up_left solid />
<Heroicons.arrow_up_left mini />
<Heroicons.arrow_up_left micro />
<Heroicons.arrow_up_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_up_on_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_up_on_square />
<Heroicons.arrow_up_on_square class="w-4 h-4" />
<Heroicons.arrow_up_on_square solid />
<Heroicons.arrow_up_on_square mini />
<Heroicons.arrow_up_on_square micro />
<Heroicons.arrow_up_on_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_up_on_square_stack icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_up_on_square_stack />
<Heroicons.arrow_up_on_square_stack class="w-4 h-4" />
<Heroicons.arrow_up_on_square_stack solid />
<Heroicons.arrow_up_on_square_stack mini />
<Heroicons.arrow_up_on_square_stack micro />
<Heroicons.arrow_up_on_square_stack outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_up_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_up_right />
<Heroicons.arrow_up_right class="w-4 h-4" />
<Heroicons.arrow_up_right solid />
<Heroicons.arrow_up_right mini />
<Heroicons.arrow_up_right micro />
<Heroicons.arrow_up_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_up_tray icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_up_tray />
<Heroicons.arrow_up_tray class="w-4 h-4" />
<Heroicons.arrow_up_tray solid />
<Heroicons.arrow_up_tray mini />
<Heroicons.arrow_up_tray micro />
<Heroicons.arrow_up_tray outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_uturn_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_uturn_down />
<Heroicons.arrow_uturn_down class="w-4 h-4" />
<Heroicons.arrow_uturn_down solid />
<Heroicons.arrow_uturn_down mini />
<Heroicons.arrow_uturn_down micro />
<Heroicons.arrow_uturn_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_uturn_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_uturn_left />
<Heroicons.arrow_uturn_left class="w-4 h-4" />
<Heroicons.arrow_uturn_left solid />
<Heroicons.arrow_uturn_left mini />
<Heroicons.arrow_uturn_left micro />
<Heroicons.arrow_uturn_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_uturn_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_uturn_right />
<Heroicons.arrow_uturn_right class="w-4 h-4" />
<Heroicons.arrow_uturn_right solid />
<Heroicons.arrow_uturn_right mini />
<Heroicons.arrow_uturn_right micro />
<Heroicons.arrow_uturn_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrow_uturn_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrow_uturn_up />
<Heroicons.arrow_uturn_up class="w-4 h-4" />
<Heroicons.arrow_uturn_up solid />
<Heroicons.arrow_uturn_up mini />
<Heroicons.arrow_uturn_up micro />
<Heroicons.arrow_uturn_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrows_pointing_in icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrows_pointing_in />
<Heroicons.arrows_pointing_in class="w-4 h-4" />
<Heroicons.arrows_pointing_in solid />
<Heroicons.arrows_pointing_in mini />
<Heroicons.arrows_pointing_in micro />
<Heroicons.arrows_pointing_in outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrows_pointing_out icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrows_pointing_out />
<Heroicons.arrows_pointing_out class="w-4 h-4" />
<Heroicons.arrows_pointing_out solid />
<Heroicons.arrows_pointing_out mini />
<Heroicons.arrows_pointing_out micro />
<Heroicons.arrows_pointing_out outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrows_right_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrows_right_left />
<Heroicons.arrows_right_left class="w-4 h-4" />
<Heroicons.arrows_right_left solid />
<Heroicons.arrows_right_left mini />
<Heroicons.arrows_right_left micro />
<Heroicons.arrows_right_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the arrows_up_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.arrows_up_down />
<Heroicons.arrows_up_down class="w-4 h-4" />
<Heroicons.arrows_up_down solid />
<Heroicons.arrows_up_down mini />
<Heroicons.arrows_up_down micro />
<Heroicons.arrows_up_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the at_symbol icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.at_symbol />
<Heroicons.at_symbol class="w-4 h-4" />
<Heroicons.at_symbol solid />
<Heroicons.at_symbol mini />
<Heroicons.at_symbol micro />
<Heroicons.at_symbol outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the backspace icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.backspace />
<Heroicons.backspace class="w-4 h-4" />
<Heroicons.backspace solid />
<Heroicons.backspace mini />
<Heroicons.backspace micro />
<Heroicons.backspace outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the backward icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.backward />
<Heroicons.backward class="w-4 h-4" />
<Heroicons.backward solid />
<Heroicons.backward mini />
<Heroicons.backward micro />
<Heroicons.backward outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the banknotes icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.banknotes />
<Heroicons.banknotes class="w-4 h-4" />
<Heroicons.banknotes solid />
<Heroicons.banknotes mini />
<Heroicons.banknotes micro />
<Heroicons.banknotes outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_2 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_2 />
<Heroicons.bars_2 class="w-4 h-4" />
<Heroicons.bars_2 solid />
<Heroicons.bars_2 mini />
<Heroicons.bars_2 micro />
<Heroicons.bars_2 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_3 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_3 />
<Heroicons.bars_3 class="w-4 h-4" />
<Heroicons.bars_3 solid />
<Heroicons.bars_3 mini />
<Heroicons.bars_3 micro />
<Heroicons.bars_3 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_3_bottom_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_3_bottom_left />
<Heroicons.bars_3_bottom_left class="w-4 h-4" />
<Heroicons.bars_3_bottom_left solid />
<Heroicons.bars_3_bottom_left mini />
<Heroicons.bars_3_bottom_left micro />
<Heroicons.bars_3_bottom_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_3_bottom_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_3_bottom_right />
<Heroicons.bars_3_bottom_right class="w-4 h-4" />
<Heroicons.bars_3_bottom_right solid />
<Heroicons.bars_3_bottom_right mini />
<Heroicons.bars_3_bottom_right micro />
<Heroicons.bars_3_bottom_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_3_center_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_3_center_left />
<Heroicons.bars_3_center_left class="w-4 h-4" />
<Heroicons.bars_3_center_left solid />
<Heroicons.bars_3_center_left mini />
<Heroicons.bars_3_center_left micro />
<Heroicons.bars_3_center_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_4 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_4 />
<Heroicons.bars_4 class="w-4 h-4" />
<Heroicons.bars_4 solid />
<Heroicons.bars_4 mini />
<Heroicons.bars_4 micro />
<Heroicons.bars_4 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_arrow_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_arrow_down />
<Heroicons.bars_arrow_down class="w-4 h-4" />
<Heroicons.bars_arrow_down solid />
<Heroicons.bars_arrow_down mini />
<Heroicons.bars_arrow_down micro />
<Heroicons.bars_arrow_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bars_arrow_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bars_arrow_up />
<Heroicons.bars_arrow_up class="w-4 h-4" />
<Heroicons.bars_arrow_up solid />
<Heroicons.bars_arrow_up mini />
<Heroicons.bars_arrow_up micro />
<Heroicons.bars_arrow_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the battery_0 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.battery_0 />
<Heroicons.battery_0 class="w-4 h-4" />
<Heroicons.battery_0 solid />
<Heroicons.battery_0 mini />
<Heroicons.battery_0 micro />
<Heroicons.battery_0 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the battery_50 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.battery_50 />
<Heroicons.battery_50 class="w-4 h-4" />
<Heroicons.battery_50 solid />
<Heroicons.battery_50 mini />
<Heroicons.battery_50 micro />
<Heroicons.battery_50 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the battery_100 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.battery_100 />
<Heroicons.battery_100 class="w-4 h-4" />
<Heroicons.battery_100 solid />
<Heroicons.battery_100 mini />
<Heroicons.battery_100 micro />
<Heroicons.battery_100 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the beaker icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.beaker />
<Heroicons.beaker class="w-4 h-4" />
<Heroicons.beaker solid />
<Heroicons.beaker mini />
<Heroicons.beaker micro />
<Heroicons.beaker outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bell icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bell />
<Heroicons.bell class="w-4 h-4" />
<Heroicons.bell solid />
<Heroicons.bell mini />
<Heroicons.bell micro />
<Heroicons.bell outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bell_alert icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bell_alert />
<Heroicons.bell_alert class="w-4 h-4" />
<Heroicons.bell_alert solid />
<Heroicons.bell_alert mini />
<Heroicons.bell_alert micro />
<Heroicons.bell_alert outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bell_slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bell_slash />
<Heroicons.bell_slash class="w-4 h-4" />
<Heroicons.bell_slash solid />
<Heroicons.bell_slash mini />
<Heroicons.bell_slash micro />
<Heroicons.bell_slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bell_snooze icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bell_snooze />
<Heroicons.bell_snooze class="w-4 h-4" />
<Heroicons.bell_snooze solid />
<Heroicons.bell_snooze mini />
<Heroicons.bell_snooze micro />
<Heroicons.bell_snooze outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bold icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bold />
<Heroicons.bold class="w-4 h-4" />
<Heroicons.bold solid />
<Heroicons.bold mini />
<Heroicons.bold micro />
<Heroicons.bold outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bolt icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bolt />
<Heroicons.bolt class="w-4 h-4" />
<Heroicons.bolt solid />
<Heroicons.bolt mini />
<Heroicons.bolt micro />
<Heroicons.bolt outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bolt_slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bolt_slash />
<Heroicons.bolt_slash class="w-4 h-4" />
<Heroicons.bolt_slash solid />
<Heroicons.bolt_slash mini />
<Heroicons.bolt_slash micro />
<Heroicons.bolt_slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the book_open icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.book_open />
<Heroicons.book_open class="w-4 h-4" />
<Heroicons.book_open solid />
<Heroicons.book_open mini />
<Heroicons.book_open micro />
<Heroicons.book_open outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bookmark icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bookmark />
<Heroicons.bookmark class="w-4 h-4" />
<Heroicons.bookmark solid />
<Heroicons.bookmark mini />
<Heroicons.bookmark micro />
<Heroicons.bookmark outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bookmark_slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bookmark_slash />
<Heroicons.bookmark_slash class="w-4 h-4" />
<Heroicons.bookmark_slash solid />
<Heroicons.bookmark_slash mini />
<Heroicons.bookmark_slash micro />
<Heroicons.bookmark_slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bookmark_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bookmark_square />
<Heroicons.bookmark_square class="w-4 h-4" />
<Heroicons.bookmark_square solid />
<Heroicons.bookmark_square mini />
<Heroicons.bookmark_square micro />
<Heroicons.bookmark_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the briefcase icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.briefcase />
<Heroicons.briefcase class="w-4 h-4" />
<Heroicons.briefcase solid />
<Heroicons.briefcase mini />
<Heroicons.briefcase micro />
<Heroicons.briefcase outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the bug_ant icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.bug_ant />
<Heroicons.bug_ant class="w-4 h-4" />
<Heroicons.bug_ant solid />
<Heroicons.bug_ant mini />
<Heroicons.bug_ant micro />
<Heroicons.bug_ant outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the building_library icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.building_library />
<Heroicons.building_library class="w-4 h-4" />
<Heroicons.building_library solid />
<Heroicons.building_library mini />
<Heroicons.building_library micro />
<Heroicons.building_library outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the building_office icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.building_office />
<Heroicons.building_office class="w-4 h-4" />
<Heroicons.building_office solid />
<Heroicons.building_office mini />
<Heroicons.building_office micro />
<Heroicons.building_office outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the building_office_2 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.building_office_2 />
<Heroicons.building_office_2 class="w-4 h-4" />
<Heroicons.building_office_2 solid />
<Heroicons.building_office_2 mini />
<Heroicons.building_office_2 micro />
<Heroicons.building_office_2 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the building_storefront icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.building_storefront />
<Heroicons.building_storefront class="w-4 h-4" />
<Heroicons.building_storefront solid />
<Heroicons.building_storefront mini />
<Heroicons.building_storefront micro />
<Heroicons.building_storefront outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cake icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cake />
<Heroicons.cake class="w-4 h-4" />
<Heroicons.cake solid />
<Heroicons.cake mini />
<Heroicons.cake micro />
<Heroicons.cake outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the calculator icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.calculator />
<Heroicons.calculator class="w-4 h-4" />
<Heroicons.calculator solid />
<Heroicons.calculator mini />
<Heroicons.calculator micro />
<Heroicons.calculator outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the calendar icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.calendar />
<Heroicons.calendar class="w-4 h-4" />
<Heroicons.calendar solid />
<Heroicons.calendar mini />
<Heroicons.calendar micro />
<Heroicons.calendar outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the calendar_date_range icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.calendar_date_range />
<Heroicons.calendar_date_range class="w-4 h-4" />
<Heroicons.calendar_date_range solid />
<Heroicons.calendar_date_range mini />
<Heroicons.calendar_date_range micro />
<Heroicons.calendar_date_range outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the calendar_days icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.calendar_days />
<Heroicons.calendar_days class="w-4 h-4" />
<Heroicons.calendar_days solid />
<Heroicons.calendar_days mini />
<Heroicons.calendar_days micro />
<Heroicons.calendar_days outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the camera icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.camera />
<Heroicons.camera class="w-4 h-4" />
<Heroicons.camera solid />
<Heroicons.camera mini />
<Heroicons.camera micro />
<Heroicons.camera outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chart_bar icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chart_bar />
<Heroicons.chart_bar class="w-4 h-4" />
<Heroicons.chart_bar solid />
<Heroicons.chart_bar mini />
<Heroicons.chart_bar micro />
<Heroicons.chart_bar outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chart_bar_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chart_bar_square />
<Heroicons.chart_bar_square class="w-4 h-4" />
<Heroicons.chart_bar_square solid />
<Heroicons.chart_bar_square mini />
<Heroicons.chart_bar_square micro />
<Heroicons.chart_bar_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chart_pie icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chart_pie />
<Heroicons.chart_pie class="w-4 h-4" />
<Heroicons.chart_pie solid />
<Heroicons.chart_pie mini />
<Heroicons.chart_pie micro />
<Heroicons.chart_pie outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chat_bubble_bottom_center icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chat_bubble_bottom_center />
<Heroicons.chat_bubble_bottom_center class="w-4 h-4" />
<Heroicons.chat_bubble_bottom_center solid />
<Heroicons.chat_bubble_bottom_center mini />
<Heroicons.chat_bubble_bottom_center micro />
<Heroicons.chat_bubble_bottom_center outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chat_bubble_bottom_center_text icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chat_bubble_bottom_center_text />
<Heroicons.chat_bubble_bottom_center_text class="w-4 h-4" />
<Heroicons.chat_bubble_bottom_center_text solid />
<Heroicons.chat_bubble_bottom_center_text mini />
<Heroicons.chat_bubble_bottom_center_text micro />
<Heroicons.chat_bubble_bottom_center_text outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chat_bubble_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chat_bubble_left />
<Heroicons.chat_bubble_left class="w-4 h-4" />
<Heroicons.chat_bubble_left solid />
<Heroicons.chat_bubble_left mini />
<Heroicons.chat_bubble_left micro />
<Heroicons.chat_bubble_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chat_bubble_left_ellipsis icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chat_bubble_left_ellipsis />
<Heroicons.chat_bubble_left_ellipsis class="w-4 h-4" />
<Heroicons.chat_bubble_left_ellipsis solid />
<Heroicons.chat_bubble_left_ellipsis mini />
<Heroicons.chat_bubble_left_ellipsis micro />
<Heroicons.chat_bubble_left_ellipsis outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chat_bubble_left_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chat_bubble_left_right />
<Heroicons.chat_bubble_left_right class="w-4 h-4" />
<Heroicons.chat_bubble_left_right solid />
<Heroicons.chat_bubble_left_right mini />
<Heroicons.chat_bubble_left_right micro />
<Heroicons.chat_bubble_left_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chat_bubble_oval_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chat_bubble_oval_left />
<Heroicons.chat_bubble_oval_left class="w-4 h-4" />
<Heroicons.chat_bubble_oval_left solid />
<Heroicons.chat_bubble_oval_left mini />
<Heroicons.chat_bubble_oval_left micro />
<Heroicons.chat_bubble_oval_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chat_bubble_oval_left_ellipsis icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chat_bubble_oval_left_ellipsis />
<Heroicons.chat_bubble_oval_left_ellipsis class="w-4 h-4" />
<Heroicons.chat_bubble_oval_left_ellipsis solid />
<Heroicons.chat_bubble_oval_left_ellipsis mini />
<Heroicons.chat_bubble_oval_left_ellipsis micro />
<Heroicons.chat_bubble_oval_left_ellipsis outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the check icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.check />
<Heroicons.check class="w-4 h-4" />
<Heroicons.check solid />
<Heroicons.check mini />
<Heroicons.check micro />
<Heroicons.check outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the check_badge icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.check_badge />
<Heroicons.check_badge class="w-4 h-4" />
<Heroicons.check_badge solid />
<Heroicons.check_badge mini />
<Heroicons.check_badge micro />
<Heroicons.check_badge outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the check_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.check_circle />
<Heroicons.check_circle class="w-4 h-4" />
<Heroicons.check_circle solid />
<Heroicons.check_circle mini />
<Heroicons.check_circle micro />
<Heroicons.check_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_double_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_double_down />
<Heroicons.chevron_double_down class="w-4 h-4" />
<Heroicons.chevron_double_down solid />
<Heroicons.chevron_double_down mini />
<Heroicons.chevron_double_down micro />
<Heroicons.chevron_double_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_double_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_double_left />
<Heroicons.chevron_double_left class="w-4 h-4" />
<Heroicons.chevron_double_left solid />
<Heroicons.chevron_double_left mini />
<Heroicons.chevron_double_left micro />
<Heroicons.chevron_double_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_double_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_double_right />
<Heroicons.chevron_double_right class="w-4 h-4" />
<Heroicons.chevron_double_right solid />
<Heroicons.chevron_double_right mini />
<Heroicons.chevron_double_right micro />
<Heroicons.chevron_double_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_double_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_double_up />
<Heroicons.chevron_double_up class="w-4 h-4" />
<Heroicons.chevron_double_up solid />
<Heroicons.chevron_double_up mini />
<Heroicons.chevron_double_up micro />
<Heroicons.chevron_double_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_down />
<Heroicons.chevron_down class="w-4 h-4" />
<Heroicons.chevron_down solid />
<Heroicons.chevron_down mini />
<Heroicons.chevron_down micro />
<Heroicons.chevron_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_left />
<Heroicons.chevron_left class="w-4 h-4" />
<Heroicons.chevron_left solid />
<Heroicons.chevron_left mini />
<Heroicons.chevron_left micro />
<Heroicons.chevron_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_right />
<Heroicons.chevron_right class="w-4 h-4" />
<Heroicons.chevron_right solid />
<Heroicons.chevron_right mini />
<Heroicons.chevron_right micro />
<Heroicons.chevron_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_up />
<Heroicons.chevron_up class="w-4 h-4" />
<Heroicons.chevron_up solid />
<Heroicons.chevron_up mini />
<Heroicons.chevron_up micro />
<Heroicons.chevron_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the chevron_up_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.chevron_up_down />
<Heroicons.chevron_up_down class="w-4 h-4" />
<Heroicons.chevron_up_down solid />
<Heroicons.chevron_up_down mini />
<Heroicons.chevron_up_down micro />
<Heroicons.chevron_up_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the circle_stack icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.circle_stack />
<Heroicons.circle_stack class="w-4 h-4" />
<Heroicons.circle_stack solid />
<Heroicons.circle_stack mini />
<Heroicons.circle_stack micro />
<Heroicons.circle_stack outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the clipboard icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.clipboard />
<Heroicons.clipboard class="w-4 h-4" />
<Heroicons.clipboard solid />
<Heroicons.clipboard mini />
<Heroicons.clipboard micro />
<Heroicons.clipboard outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the clipboard_document icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.clipboard_document />
<Heroicons.clipboard_document class="w-4 h-4" />
<Heroicons.clipboard_document solid />
<Heroicons.clipboard_document mini />
<Heroicons.clipboard_document micro />
<Heroicons.clipboard_document outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the clipboard_document_check icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.clipboard_document_check />
<Heroicons.clipboard_document_check class="w-4 h-4" />
<Heroicons.clipboard_document_check solid />
<Heroicons.clipboard_document_check mini />
<Heroicons.clipboard_document_check micro />
<Heroicons.clipboard_document_check outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the clipboard_document_list icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.clipboard_document_list />
<Heroicons.clipboard_document_list class="w-4 h-4" />
<Heroicons.clipboard_document_list solid />
<Heroicons.clipboard_document_list mini />
<Heroicons.clipboard_document_list micro />
<Heroicons.clipboard_document_list outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the clock icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.clock />
<Heroicons.clock class="w-4 h-4" />
<Heroicons.clock solid />
<Heroicons.clock mini />
<Heroicons.clock micro />
<Heroicons.clock outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cloud icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cloud />
<Heroicons.cloud class="w-4 h-4" />
<Heroicons.cloud solid />
<Heroicons.cloud mini />
<Heroicons.cloud micro />
<Heroicons.cloud outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cloud_arrow_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cloud_arrow_down />
<Heroicons.cloud_arrow_down class="w-4 h-4" />
<Heroicons.cloud_arrow_down solid />
<Heroicons.cloud_arrow_down mini />
<Heroicons.cloud_arrow_down micro />
<Heroicons.cloud_arrow_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cloud_arrow_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cloud_arrow_up />
<Heroicons.cloud_arrow_up class="w-4 h-4" />
<Heroicons.cloud_arrow_up solid />
<Heroicons.cloud_arrow_up mini />
<Heroicons.cloud_arrow_up micro />
<Heroicons.cloud_arrow_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the code_bracket icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.code_bracket />
<Heroicons.code_bracket class="w-4 h-4" />
<Heroicons.code_bracket solid />
<Heroicons.code_bracket mini />
<Heroicons.code_bracket micro />
<Heroicons.code_bracket outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the code_bracket_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.code_bracket_square />
<Heroicons.code_bracket_square class="w-4 h-4" />
<Heroicons.code_bracket_square solid />
<Heroicons.code_bracket_square mini />
<Heroicons.code_bracket_square micro />
<Heroicons.code_bracket_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cog icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cog />
<Heroicons.cog class="w-4 h-4" />
<Heroicons.cog solid />
<Heroicons.cog mini />
<Heroicons.cog micro />
<Heroicons.cog outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cog_6_tooth icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cog_6_tooth />
<Heroicons.cog_6_tooth class="w-4 h-4" />
<Heroicons.cog_6_tooth solid />
<Heroicons.cog_6_tooth mini />
<Heroicons.cog_6_tooth micro />
<Heroicons.cog_6_tooth outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cog_8_tooth icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cog_8_tooth />
<Heroicons.cog_8_tooth class="w-4 h-4" />
<Heroicons.cog_8_tooth solid />
<Heroicons.cog_8_tooth mini />
<Heroicons.cog_8_tooth micro />
<Heroicons.cog_8_tooth outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the command_line icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.command_line />
<Heroicons.command_line class="w-4 h-4" />
<Heroicons.command_line solid />
<Heroicons.command_line mini />
<Heroicons.command_line micro />
<Heroicons.command_line outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the computer_desktop icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.computer_desktop />
<Heroicons.computer_desktop class="w-4 h-4" />
<Heroicons.computer_desktop solid />
<Heroicons.computer_desktop mini />
<Heroicons.computer_desktop micro />
<Heroicons.computer_desktop outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cpu_chip icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cpu_chip />
<Heroicons.cpu_chip class="w-4 h-4" />
<Heroicons.cpu_chip solid />
<Heroicons.cpu_chip mini />
<Heroicons.cpu_chip micro />
<Heroicons.cpu_chip outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the credit_card icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.credit_card />
<Heroicons.credit_card class="w-4 h-4" />
<Heroicons.credit_card solid />
<Heroicons.credit_card mini />
<Heroicons.credit_card micro />
<Heroicons.credit_card outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cube icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cube />
<Heroicons.cube class="w-4 h-4" />
<Heroicons.cube solid />
<Heroicons.cube mini />
<Heroicons.cube micro />
<Heroicons.cube outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cube_transparent icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cube_transparent />
<Heroicons.cube_transparent class="w-4 h-4" />
<Heroicons.cube_transparent solid />
<Heroicons.cube_transparent mini />
<Heroicons.cube_transparent micro />
<Heroicons.cube_transparent outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the currency_bangladeshi icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.currency_bangladeshi />
<Heroicons.currency_bangladeshi class="w-4 h-4" />
<Heroicons.currency_bangladeshi solid />
<Heroicons.currency_bangladeshi mini />
<Heroicons.currency_bangladeshi micro />
<Heroicons.currency_bangladeshi outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the currency_dollar icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.currency_dollar />
<Heroicons.currency_dollar class="w-4 h-4" />
<Heroicons.currency_dollar solid />
<Heroicons.currency_dollar mini />
<Heroicons.currency_dollar micro />
<Heroicons.currency_dollar outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the currency_euro icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.currency_euro />
<Heroicons.currency_euro class="w-4 h-4" />
<Heroicons.currency_euro solid />
<Heroicons.currency_euro mini />
<Heroicons.currency_euro micro />
<Heroicons.currency_euro outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the currency_pound icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.currency_pound />
<Heroicons.currency_pound class="w-4 h-4" />
<Heroicons.currency_pound solid />
<Heroicons.currency_pound mini />
<Heroicons.currency_pound micro />
<Heroicons.currency_pound outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the currency_rupee icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.currency_rupee />
<Heroicons.currency_rupee class="w-4 h-4" />
<Heroicons.currency_rupee solid />
<Heroicons.currency_rupee mini />
<Heroicons.currency_rupee micro />
<Heroicons.currency_rupee outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the currency_yen icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.currency_yen />
<Heroicons.currency_yen class="w-4 h-4" />
<Heroicons.currency_yen solid />
<Heroicons.currency_yen mini />
<Heroicons.currency_yen micro />
<Heroicons.currency_yen outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cursor_arrow_rays icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cursor_arrow_rays />
<Heroicons.cursor_arrow_rays class="w-4 h-4" />
<Heroicons.cursor_arrow_rays solid />
<Heroicons.cursor_arrow_rays mini />
<Heroicons.cursor_arrow_rays micro />
<Heroicons.cursor_arrow_rays outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the cursor_arrow_ripple icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.cursor_arrow_ripple />
<Heroicons.cursor_arrow_ripple class="w-4 h-4" />
<Heroicons.cursor_arrow_ripple solid />
<Heroicons.cursor_arrow_ripple mini />
<Heroicons.cursor_arrow_ripple micro />
<Heroicons.cursor_arrow_ripple outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the device_phone_mobile icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.device_phone_mobile />
<Heroicons.device_phone_mobile class="w-4 h-4" />
<Heroicons.device_phone_mobile solid />
<Heroicons.device_phone_mobile mini />
<Heroicons.device_phone_mobile micro />
<Heroicons.device_phone_mobile outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the device_tablet icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.device_tablet />
<Heroicons.device_tablet class="w-4 h-4" />
<Heroicons.device_tablet solid />
<Heroicons.device_tablet mini />
<Heroicons.device_tablet micro />
<Heroicons.device_tablet outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the divide icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.divide />
<Heroicons.divide class="w-4 h-4" />
<Heroicons.divide solid />
<Heroicons.divide mini />
<Heroicons.divide micro />
<Heroicons.divide outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document />
<Heroicons.document class="w-4 h-4" />
<Heroicons.document solid />
<Heroicons.document mini />
<Heroicons.document micro />
<Heroicons.document outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_arrow_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_arrow_down />
<Heroicons.document_arrow_down class="w-4 h-4" />
<Heroicons.document_arrow_down solid />
<Heroicons.document_arrow_down mini />
<Heroicons.document_arrow_down micro />
<Heroicons.document_arrow_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_arrow_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_arrow_up />
<Heroicons.document_arrow_up class="w-4 h-4" />
<Heroicons.document_arrow_up solid />
<Heroicons.document_arrow_up mini />
<Heroicons.document_arrow_up micro />
<Heroicons.document_arrow_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_chart_bar icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_chart_bar />
<Heroicons.document_chart_bar class="w-4 h-4" />
<Heroicons.document_chart_bar solid />
<Heroicons.document_chart_bar mini />
<Heroicons.document_chart_bar micro />
<Heroicons.document_chart_bar outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_check icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_check />
<Heroicons.document_check class="w-4 h-4" />
<Heroicons.document_check solid />
<Heroicons.document_check mini />
<Heroicons.document_check micro />
<Heroicons.document_check outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_currency_bangladeshi icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_currency_bangladeshi />
<Heroicons.document_currency_bangladeshi class="w-4 h-4" />
<Heroicons.document_currency_bangladeshi solid />
<Heroicons.document_currency_bangladeshi mini />
<Heroicons.document_currency_bangladeshi micro />
<Heroicons.document_currency_bangladeshi outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_currency_dollar icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_currency_dollar />
<Heroicons.document_currency_dollar class="w-4 h-4" />
<Heroicons.document_currency_dollar solid />
<Heroicons.document_currency_dollar mini />
<Heroicons.document_currency_dollar micro />
<Heroicons.document_currency_dollar outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_currency_euro icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_currency_euro />
<Heroicons.document_currency_euro class="w-4 h-4" />
<Heroicons.document_currency_euro solid />
<Heroicons.document_currency_euro mini />
<Heroicons.document_currency_euro micro />
<Heroicons.document_currency_euro outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_currency_pound icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_currency_pound />
<Heroicons.document_currency_pound class="w-4 h-4" />
<Heroicons.document_currency_pound solid />
<Heroicons.document_currency_pound mini />
<Heroicons.document_currency_pound micro />
<Heroicons.document_currency_pound outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_currency_rupee icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_currency_rupee />
<Heroicons.document_currency_rupee class="w-4 h-4" />
<Heroicons.document_currency_rupee solid />
<Heroicons.document_currency_rupee mini />
<Heroicons.document_currency_rupee micro />
<Heroicons.document_currency_rupee outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_currency_yen icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_currency_yen />
<Heroicons.document_currency_yen class="w-4 h-4" />
<Heroicons.document_currency_yen solid />
<Heroicons.document_currency_yen mini />
<Heroicons.document_currency_yen micro />
<Heroicons.document_currency_yen outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_duplicate icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_duplicate />
<Heroicons.document_duplicate class="w-4 h-4" />
<Heroicons.document_duplicate solid />
<Heroicons.document_duplicate mini />
<Heroicons.document_duplicate micro />
<Heroicons.document_duplicate outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_magnifying_glass icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_magnifying_glass />
<Heroicons.document_magnifying_glass class="w-4 h-4" />
<Heroicons.document_magnifying_glass solid />
<Heroicons.document_magnifying_glass mini />
<Heroicons.document_magnifying_glass micro />
<Heroicons.document_magnifying_glass outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_minus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_minus />
<Heroicons.document_minus class="w-4 h-4" />
<Heroicons.document_minus solid />
<Heroicons.document_minus mini />
<Heroicons.document_minus micro />
<Heroicons.document_minus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_plus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_plus />
<Heroicons.document_plus class="w-4 h-4" />
<Heroicons.document_plus solid />
<Heroicons.document_plus mini />
<Heroicons.document_plus micro />
<Heroicons.document_plus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the document_text icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.document_text />
<Heroicons.document_text class="w-4 h-4" />
<Heroicons.document_text solid />
<Heroicons.document_text mini />
<Heroicons.document_text micro />
<Heroicons.document_text outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the ellipsis_horizontal icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.ellipsis_horizontal />
<Heroicons.ellipsis_horizontal class="w-4 h-4" />
<Heroicons.ellipsis_horizontal solid />
<Heroicons.ellipsis_horizontal mini />
<Heroicons.ellipsis_horizontal micro />
<Heroicons.ellipsis_horizontal outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the ellipsis_horizontal_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.ellipsis_horizontal_circle />
<Heroicons.ellipsis_horizontal_circle class="w-4 h-4" />
<Heroicons.ellipsis_horizontal_circle solid />
<Heroicons.ellipsis_horizontal_circle mini />
<Heroicons.ellipsis_horizontal_circle micro />
<Heroicons.ellipsis_horizontal_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the ellipsis_vertical icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.ellipsis_vertical />
<Heroicons.ellipsis_vertical class="w-4 h-4" />
<Heroicons.ellipsis_vertical solid />
<Heroicons.ellipsis_vertical mini />
<Heroicons.ellipsis_vertical micro />
<Heroicons.ellipsis_vertical outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the envelope icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.envelope />
<Heroicons.envelope class="w-4 h-4" />
<Heroicons.envelope solid />
<Heroicons.envelope mini />
<Heroicons.envelope micro />
<Heroicons.envelope outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the envelope_open icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.envelope_open />
<Heroicons.envelope_open class="w-4 h-4" />
<Heroicons.envelope_open solid />
<Heroicons.envelope_open mini />
<Heroicons.envelope_open micro />
<Heroicons.envelope_open outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the equals icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.equals />
<Heroicons.equals class="w-4 h-4" />
<Heroicons.equals solid />
<Heroicons.equals mini />
<Heroicons.equals micro />
<Heroicons.equals outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the exclamation_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.exclamation_circle />
<Heroicons.exclamation_circle class="w-4 h-4" />
<Heroicons.exclamation_circle solid />
<Heroicons.exclamation_circle mini />
<Heroicons.exclamation_circle micro />
<Heroicons.exclamation_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the exclamation_triangle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.exclamation_triangle />
<Heroicons.exclamation_triangle class="w-4 h-4" />
<Heroicons.exclamation_triangle solid />
<Heroicons.exclamation_triangle mini />
<Heroicons.exclamation_triangle micro />
<Heroicons.exclamation_triangle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the eye icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.eye />
<Heroicons.eye class="w-4 h-4" />
<Heroicons.eye solid />
<Heroicons.eye mini />
<Heroicons.eye micro />
<Heroicons.eye outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the eye_dropper icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.eye_dropper />
<Heroicons.eye_dropper class="w-4 h-4" />
<Heroicons.eye_dropper solid />
<Heroicons.eye_dropper mini />
<Heroicons.eye_dropper micro />
<Heroicons.eye_dropper outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the eye_slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.eye_slash />
<Heroicons.eye_slash class="w-4 h-4" />
<Heroicons.eye_slash solid />
<Heroicons.eye_slash mini />
<Heroicons.eye_slash micro />
<Heroicons.eye_slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the face_frown icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.face_frown />
<Heroicons.face_frown class="w-4 h-4" />
<Heroicons.face_frown solid />
<Heroicons.face_frown mini />
<Heroicons.face_frown micro />
<Heroicons.face_frown outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the face_smile icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.face_smile />
<Heroicons.face_smile class="w-4 h-4" />
<Heroicons.face_smile solid />
<Heroicons.face_smile mini />
<Heroicons.face_smile micro />
<Heroicons.face_smile outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the film icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.film />
<Heroicons.film class="w-4 h-4" />
<Heroicons.film solid />
<Heroicons.film mini />
<Heroicons.film micro />
<Heroicons.film outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the finger_print icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.finger_print />
<Heroicons.finger_print class="w-4 h-4" />
<Heroicons.finger_print solid />
<Heroicons.finger_print mini />
<Heroicons.finger_print micro />
<Heroicons.finger_print outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the fire icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.fire />
<Heroicons.fire class="w-4 h-4" />
<Heroicons.fire solid />
<Heroicons.fire mini />
<Heroicons.fire micro />
<Heroicons.fire outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the flag icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.flag />
<Heroicons.flag class="w-4 h-4" />
<Heroicons.flag solid />
<Heroicons.flag mini />
<Heroicons.flag micro />
<Heroicons.flag outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the folder icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.folder />
<Heroicons.folder class="w-4 h-4" />
<Heroicons.folder solid />
<Heroicons.folder mini />
<Heroicons.folder micro />
<Heroicons.folder outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the folder_arrow_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.folder_arrow_down />
<Heroicons.folder_arrow_down class="w-4 h-4" />
<Heroicons.folder_arrow_down solid />
<Heroicons.folder_arrow_down mini />
<Heroicons.folder_arrow_down micro />
<Heroicons.folder_arrow_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the folder_minus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.folder_minus />
<Heroicons.folder_minus class="w-4 h-4" />
<Heroicons.folder_minus solid />
<Heroicons.folder_minus mini />
<Heroicons.folder_minus micro />
<Heroicons.folder_minus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the folder_open icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.folder_open />
<Heroicons.folder_open class="w-4 h-4" />
<Heroicons.folder_open solid />
<Heroicons.folder_open mini />
<Heroicons.folder_open micro />
<Heroicons.folder_open outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the folder_plus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.folder_plus />
<Heroicons.folder_plus class="w-4 h-4" />
<Heroicons.folder_plus solid />
<Heroicons.folder_plus mini />
<Heroicons.folder_plus micro />
<Heroicons.folder_plus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the forward icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.forward />
<Heroicons.forward class="w-4 h-4" />
<Heroicons.forward solid />
<Heroicons.forward mini />
<Heroicons.forward micro />
<Heroicons.forward outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the funnel icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.funnel />
<Heroicons.funnel class="w-4 h-4" />
<Heroicons.funnel solid />
<Heroicons.funnel mini />
<Heroicons.funnel micro />
<Heroicons.funnel outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the gif icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.gif />
<Heroicons.gif class="w-4 h-4" />
<Heroicons.gif solid />
<Heroicons.gif mini />
<Heroicons.gif micro />
<Heroicons.gif outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the gift icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.gift />
<Heroicons.gift class="w-4 h-4" />
<Heroicons.gift solid />
<Heroicons.gift mini />
<Heroicons.gift micro />
<Heroicons.gift outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the gift_top icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.gift_top />
<Heroicons.gift_top class="w-4 h-4" />
<Heroicons.gift_top solid />
<Heroicons.gift_top mini />
<Heroicons.gift_top micro />
<Heroicons.gift_top outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the globe_alt icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.globe_alt />
<Heroicons.globe_alt class="w-4 h-4" />
<Heroicons.globe_alt solid />
<Heroicons.globe_alt mini />
<Heroicons.globe_alt micro />
<Heroicons.globe_alt outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the globe_americas icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.globe_americas />
<Heroicons.globe_americas class="w-4 h-4" />
<Heroicons.globe_americas solid />
<Heroicons.globe_americas mini />
<Heroicons.globe_americas micro />
<Heroicons.globe_americas outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the globe_asia_australia icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.globe_asia_australia />
<Heroicons.globe_asia_australia class="w-4 h-4" />
<Heroicons.globe_asia_australia solid />
<Heroicons.globe_asia_australia mini />
<Heroicons.globe_asia_australia micro />
<Heroicons.globe_asia_australia outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the globe_europe_africa icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.globe_europe_africa />
<Heroicons.globe_europe_africa class="w-4 h-4" />
<Heroicons.globe_europe_africa solid />
<Heroicons.globe_europe_africa mini />
<Heroicons.globe_europe_africa micro />
<Heroicons.globe_europe_africa outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the h1 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.h1 />
<Heroicons.h1 class="w-4 h-4" />
<Heroicons.h1 solid />
<Heroicons.h1 mini />
<Heroicons.h1 micro />
<Heroicons.h1 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the h2 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.h2 />
<Heroicons.h2 class="w-4 h-4" />
<Heroicons.h2 solid />
<Heroicons.h2 mini />
<Heroicons.h2 micro />
<Heroicons.h2 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the h3 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.h3 />
<Heroicons.h3 class="w-4 h-4" />
<Heroicons.h3 solid />
<Heroicons.h3 mini />
<Heroicons.h3 micro />
<Heroicons.h3 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the hand_raised icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.hand_raised />
<Heroicons.hand_raised class="w-4 h-4" />
<Heroicons.hand_raised solid />
<Heroicons.hand_raised mini />
<Heroicons.hand_raised micro />
<Heroicons.hand_raised outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the hand_thumb_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.hand_thumb_down />
<Heroicons.hand_thumb_down class="w-4 h-4" />
<Heroicons.hand_thumb_down solid />
<Heroicons.hand_thumb_down mini />
<Heroicons.hand_thumb_down micro />
<Heroicons.hand_thumb_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the hand_thumb_up icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.hand_thumb_up />
<Heroicons.hand_thumb_up class="w-4 h-4" />
<Heroicons.hand_thumb_up solid />
<Heroicons.hand_thumb_up mini />
<Heroicons.hand_thumb_up micro />
<Heroicons.hand_thumb_up outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the hashtag icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.hashtag />
<Heroicons.hashtag class="w-4 h-4" />
<Heroicons.hashtag solid />
<Heroicons.hashtag mini />
<Heroicons.hashtag micro />
<Heroicons.hashtag outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the heart icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.heart />
<Heroicons.heart class="w-4 h-4" />
<Heroicons.heart solid />
<Heroicons.heart mini />
<Heroicons.heart micro />
<Heroicons.heart outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the home icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.home />
<Heroicons.home class="w-4 h-4" />
<Heroicons.home solid />
<Heroicons.home mini />
<Heroicons.home micro />
<Heroicons.home outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the home_modern icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.home_modern />
<Heroicons.home_modern class="w-4 h-4" />
<Heroicons.home_modern solid />
<Heroicons.home_modern mini />
<Heroicons.home_modern micro />
<Heroicons.home_modern outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the identification icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.identification />
<Heroicons.identification class="w-4 h-4" />
<Heroicons.identification solid />
<Heroicons.identification mini />
<Heroicons.identification micro />
<Heroicons.identification outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the inbox icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.inbox />
<Heroicons.inbox class="w-4 h-4" />
<Heroicons.inbox solid />
<Heroicons.inbox mini />
<Heroicons.inbox micro />
<Heroicons.inbox outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the inbox_arrow_down icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.inbox_arrow_down />
<Heroicons.inbox_arrow_down class="w-4 h-4" />
<Heroicons.inbox_arrow_down solid />
<Heroicons.inbox_arrow_down mini />
<Heroicons.inbox_arrow_down micro />
<Heroicons.inbox_arrow_down outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the inbox_stack icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.inbox_stack />
<Heroicons.inbox_stack class="w-4 h-4" />
<Heroicons.inbox_stack solid />
<Heroicons.inbox_stack mini />
<Heroicons.inbox_stack micro />
<Heroicons.inbox_stack outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the information_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.information_circle />
<Heroicons.information_circle class="w-4 h-4" />
<Heroicons.information_circle solid />
<Heroicons.information_circle mini />
<Heroicons.information_circle micro />
<Heroicons.information_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the italic icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.italic />
<Heroicons.italic class="w-4 h-4" />
<Heroicons.italic solid />
<Heroicons.italic mini />
<Heroicons.italic micro />
<Heroicons.italic outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the key icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.key />
<Heroicons.key class="w-4 h-4" />
<Heroicons.key solid />
<Heroicons.key mini />
<Heroicons.key micro />
<Heroicons.key outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the language icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.language />
<Heroicons.language class="w-4 h-4" />
<Heroicons.language solid />
<Heroicons.language mini />
<Heroicons.language micro />
<Heroicons.language outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the lifebuoy icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.lifebuoy />
<Heroicons.lifebuoy class="w-4 h-4" />
<Heroicons.lifebuoy solid />
<Heroicons.lifebuoy mini />
<Heroicons.lifebuoy micro />
<Heroicons.lifebuoy outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the light_bulb icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.light_bulb />
<Heroicons.light_bulb class="w-4 h-4" />
<Heroicons.light_bulb solid />
<Heroicons.light_bulb mini />
<Heroicons.light_bulb micro />
<Heroicons.light_bulb outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the link icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.link />
<Heroicons.link class="w-4 h-4" />
<Heroicons.link solid />
<Heroicons.link mini />
<Heroicons.link micro />
<Heroicons.link outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the link_slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.link_slash />
<Heroicons.link_slash class="w-4 h-4" />
<Heroicons.link_slash solid />
<Heroicons.link_slash mini />
<Heroicons.link_slash micro />
<Heroicons.link_slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the list_bullet icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.list_bullet />
<Heroicons.list_bullet class="w-4 h-4" />
<Heroicons.list_bullet solid />
<Heroicons.list_bullet mini />
<Heroicons.list_bullet micro />
<Heroicons.list_bullet outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the lock_closed icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.lock_closed />
<Heroicons.lock_closed class="w-4 h-4" />
<Heroicons.lock_closed solid />
<Heroicons.lock_closed mini />
<Heroicons.lock_closed micro />
<Heroicons.lock_closed outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the lock_open icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.lock_open />
<Heroicons.lock_open class="w-4 h-4" />
<Heroicons.lock_open solid />
<Heroicons.lock_open mini />
<Heroicons.lock_open micro />
<Heroicons.lock_open outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the magnifying_glass icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.magnifying_glass />
<Heroicons.magnifying_glass class="w-4 h-4" />
<Heroicons.magnifying_glass solid />
<Heroicons.magnifying_glass mini />
<Heroicons.magnifying_glass micro />
<Heroicons.magnifying_glass outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the magnifying_glass_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.magnifying_glass_circle />
<Heroicons.magnifying_glass_circle class="w-4 h-4" />
<Heroicons.magnifying_glass_circle solid />
<Heroicons.magnifying_glass_circle mini />
<Heroicons.magnifying_glass_circle micro />
<Heroicons.magnifying_glass_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the magnifying_glass_minus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.magnifying_glass_minus />
<Heroicons.magnifying_glass_minus class="w-4 h-4" />
<Heroicons.magnifying_glass_minus solid />
<Heroicons.magnifying_glass_minus mini />
<Heroicons.magnifying_glass_minus micro />
<Heroicons.magnifying_glass_minus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the magnifying_glass_plus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.magnifying_glass_plus />
<Heroicons.magnifying_glass_plus class="w-4 h-4" />
<Heroicons.magnifying_glass_plus solid />
<Heroicons.magnifying_glass_plus mini />
<Heroicons.magnifying_glass_plus micro />
<Heroicons.magnifying_glass_plus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the map icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.map />
<Heroicons.map class="w-4 h-4" />
<Heroicons.map solid />
<Heroicons.map mini />
<Heroicons.map micro />
<Heroicons.map outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the map_pin icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.map_pin />
<Heroicons.map_pin class="w-4 h-4" />
<Heroicons.map_pin solid />
<Heroicons.map_pin mini />
<Heroicons.map_pin micro />
<Heroicons.map_pin outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the megaphone icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.megaphone />
<Heroicons.megaphone class="w-4 h-4" />
<Heroicons.megaphone solid />
<Heroicons.megaphone mini />
<Heroicons.megaphone micro />
<Heroicons.megaphone outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the microphone icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.microphone />
<Heroicons.microphone class="w-4 h-4" />
<Heroicons.microphone solid />
<Heroicons.microphone mini />
<Heroicons.microphone micro />
<Heroicons.microphone outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the minus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.minus />
<Heroicons.minus class="w-4 h-4" />
<Heroicons.minus solid />
<Heroicons.minus mini />
<Heroicons.minus micro />
<Heroicons.minus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the minus_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.minus_circle />
<Heroicons.minus_circle class="w-4 h-4" />
<Heroicons.minus_circle solid />
<Heroicons.minus_circle mini />
<Heroicons.minus_circle micro />
<Heroicons.minus_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the minus_small icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.minus_small />
<Heroicons.minus_small class="w-4 h-4" />
<Heroicons.minus_small solid />
<Heroicons.minus_small mini />
<Heroicons.minus_small outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the moon icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.moon />
<Heroicons.moon class="w-4 h-4" />
<Heroicons.moon solid />
<Heroicons.moon mini />
<Heroicons.moon micro />
<Heroicons.moon outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the musical_note icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.musical_note />
<Heroicons.musical_note class="w-4 h-4" />
<Heroicons.musical_note solid />
<Heroicons.musical_note mini />
<Heroicons.musical_note micro />
<Heroicons.musical_note outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the newspaper icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.newspaper />
<Heroicons.newspaper class="w-4 h-4" />
<Heroicons.newspaper solid />
<Heroicons.newspaper mini />
<Heroicons.newspaper micro />
<Heroicons.newspaper outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the no_symbol icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.no_symbol />
<Heroicons.no_symbol class="w-4 h-4" />
<Heroicons.no_symbol solid />
<Heroicons.no_symbol mini />
<Heroicons.no_symbol micro />
<Heroicons.no_symbol outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the numbered_list icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.numbered_list />
<Heroicons.numbered_list class="w-4 h-4" />
<Heroicons.numbered_list solid />
<Heroicons.numbered_list mini />
<Heroicons.numbered_list micro />
<Heroicons.numbered_list outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the paint_brush icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.paint_brush />
<Heroicons.paint_brush class="w-4 h-4" />
<Heroicons.paint_brush solid />
<Heroicons.paint_brush mini />
<Heroicons.paint_brush micro />
<Heroicons.paint_brush outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the paper_airplane icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.paper_airplane />
<Heroicons.paper_airplane class="w-4 h-4" />
<Heroicons.paper_airplane solid />
<Heroicons.paper_airplane mini />
<Heroicons.paper_airplane micro />
<Heroicons.paper_airplane outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the paper_clip icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.paper_clip />
<Heroicons.paper_clip class="w-4 h-4" />
<Heroicons.paper_clip solid />
<Heroicons.paper_clip mini />
<Heroicons.paper_clip micro />
<Heroicons.paper_clip outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the pause icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.pause />
<Heroicons.pause class="w-4 h-4" />
<Heroicons.pause solid />
<Heroicons.pause mini />
<Heroicons.pause micro />
<Heroicons.pause outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the pause_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.pause_circle />
<Heroicons.pause_circle class="w-4 h-4" />
<Heroicons.pause_circle solid />
<Heroicons.pause_circle mini />
<Heroicons.pause_circle micro />
<Heroicons.pause_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the pencil icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.pencil />
<Heroicons.pencil class="w-4 h-4" />
<Heroicons.pencil solid />
<Heroicons.pencil mini />
<Heroicons.pencil micro />
<Heroicons.pencil outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the pencil_square icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.pencil_square />
<Heroicons.pencil_square class="w-4 h-4" />
<Heroicons.pencil_square solid />
<Heroicons.pencil_square mini />
<Heroicons.pencil_square micro />
<Heroicons.pencil_square outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the percent_badge icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.percent_badge />
<Heroicons.percent_badge class="w-4 h-4" />
<Heroicons.percent_badge solid />
<Heroicons.percent_badge mini />
<Heroicons.percent_badge micro />
<Heroicons.percent_badge outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the phone icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.phone />
<Heroicons.phone class="w-4 h-4" />
<Heroicons.phone solid />
<Heroicons.phone mini />
<Heroicons.phone micro />
<Heroicons.phone outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the phone_arrow_down_left icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.phone_arrow_down_left />
<Heroicons.phone_arrow_down_left class="w-4 h-4" />
<Heroicons.phone_arrow_down_left solid />
<Heroicons.phone_arrow_down_left mini />
<Heroicons.phone_arrow_down_left micro />
<Heroicons.phone_arrow_down_left outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the phone_arrow_up_right icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.phone_arrow_up_right />
<Heroicons.phone_arrow_up_right class="w-4 h-4" />
<Heroicons.phone_arrow_up_right solid />
<Heroicons.phone_arrow_up_right mini />
<Heroicons.phone_arrow_up_right micro />
<Heroicons.phone_arrow_up_right outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the phone_x_mark icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.phone_x_mark />
<Heroicons.phone_x_mark class="w-4 h-4" />
<Heroicons.phone_x_mark solid />
<Heroicons.phone_x_mark mini />
<Heroicons.phone_x_mark micro />
<Heroicons.phone_x_mark outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the photo icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.photo />
<Heroicons.photo class="w-4 h-4" />
<Heroicons.photo solid />
<Heroicons.photo mini />
<Heroicons.photo micro />
<Heroicons.photo outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the play icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.play />
<Heroicons.play class="w-4 h-4" />
<Heroicons.play solid />
<Heroicons.play mini />
<Heroicons.play micro />
<Heroicons.play outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the play_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.play_circle />
<Heroicons.play_circle class="w-4 h-4" />
<Heroicons.play_circle solid />
<Heroicons.play_circle mini />
<Heroicons.play_circle micro />
<Heroicons.play_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the play_pause icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.play_pause />
<Heroicons.play_pause class="w-4 h-4" />
<Heroicons.play_pause solid />
<Heroicons.play_pause mini />
<Heroicons.play_pause micro />
<Heroicons.play_pause outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the plus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.plus />
<Heroicons.plus class="w-4 h-4" />
<Heroicons.plus solid />
<Heroicons.plus mini />
<Heroicons.plus micro />
<Heroicons.plus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the plus_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.plus_circle />
<Heroicons.plus_circle class="w-4 h-4" />
<Heroicons.plus_circle solid />
<Heroicons.plus_circle mini />
<Heroicons.plus_circle micro />
<Heroicons.plus_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the plus_small icon.
By default, the outlined (24x24) component is used, but the solid or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.plus_small />
<Heroicons.plus_small class="w-4 h-4" />
<Heroicons.plus_small solid />
<Heroicons.plus_small mini />
<Heroicons.plus_small outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the power icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.power />
<Heroicons.power class="w-4 h-4" />
<Heroicons.power solid />
<Heroicons.power mini />
<Heroicons.power micro />
<Heroicons.power outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the presentation_chart_bar icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.presentation_chart_bar />
<Heroicons.presentation_chart_bar class="w-4 h-4" />
<Heroicons.presentation_chart_bar solid />
<Heroicons.presentation_chart_bar mini />
<Heroicons.presentation_chart_bar micro />
<Heroicons.presentation_chart_bar outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the presentation_chart_line icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.presentation_chart_line />
<Heroicons.presentation_chart_line class="w-4 h-4" />
<Heroicons.presentation_chart_line solid />
<Heroicons.presentation_chart_line mini />
<Heroicons.presentation_chart_line micro />
<Heroicons.presentation_chart_line outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the printer icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.printer />
<Heroicons.printer class="w-4 h-4" />
<Heroicons.printer solid />
<Heroicons.printer mini />
<Heroicons.printer micro />
<Heroicons.printer outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the puzzle_piece icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.puzzle_piece />
<Heroicons.puzzle_piece class="w-4 h-4" />
<Heroicons.puzzle_piece solid />
<Heroicons.puzzle_piece mini />
<Heroicons.puzzle_piece micro />
<Heroicons.puzzle_piece outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the qr_code icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.qr_code />
<Heroicons.qr_code class="w-4 h-4" />
<Heroicons.qr_code solid />
<Heroicons.qr_code mini />
<Heroicons.qr_code micro />
<Heroicons.qr_code outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the question_mark_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.question_mark_circle />
<Heroicons.question_mark_circle class="w-4 h-4" />
<Heroicons.question_mark_circle solid />
<Heroicons.question_mark_circle mini />
<Heroicons.question_mark_circle micro />
<Heroicons.question_mark_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the queue_list icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.queue_list />
<Heroicons.queue_list class="w-4 h-4" />
<Heroicons.queue_list solid />
<Heroicons.queue_list mini />
<Heroicons.queue_list micro />
<Heroicons.queue_list outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the radio icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.radio />
<Heroicons.radio class="w-4 h-4" />
<Heroicons.radio solid />
<Heroicons.radio mini />
<Heroicons.radio micro />
<Heroicons.radio outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the receipt_percent icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.receipt_percent />
<Heroicons.receipt_percent class="w-4 h-4" />
<Heroicons.receipt_percent solid />
<Heroicons.receipt_percent mini />
<Heroicons.receipt_percent micro />
<Heroicons.receipt_percent outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the receipt_refund icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.receipt_refund />
<Heroicons.receipt_refund class="w-4 h-4" />
<Heroicons.receipt_refund solid />
<Heroicons.receipt_refund mini />
<Heroicons.receipt_refund micro />
<Heroicons.receipt_refund outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the rectangle_group icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.rectangle_group />
<Heroicons.rectangle_group class="w-4 h-4" />
<Heroicons.rectangle_group solid />
<Heroicons.rectangle_group mini />
<Heroicons.rectangle_group micro />
<Heroicons.rectangle_group outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the rectangle_stack icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.rectangle_stack />
<Heroicons.rectangle_stack class="w-4 h-4" />
<Heroicons.rectangle_stack solid />
<Heroicons.rectangle_stack mini />
<Heroicons.rectangle_stack micro />
<Heroicons.rectangle_stack outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the rocket_launch icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.rocket_launch />
<Heroicons.rocket_launch class="w-4 h-4" />
<Heroicons.rocket_launch solid />
<Heroicons.rocket_launch mini />
<Heroicons.rocket_launch micro />
<Heroicons.rocket_launch outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the rss icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.rss />
<Heroicons.rss class="w-4 h-4" />
<Heroicons.rss solid />
<Heroicons.rss mini />
<Heroicons.rss micro />
<Heroicons.rss outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the scale icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.scale />
<Heroicons.scale class="w-4 h-4" />
<Heroicons.scale solid />
<Heroicons.scale mini />
<Heroicons.scale micro />
<Heroicons.scale outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the scissors icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.scissors />
<Heroicons.scissors class="w-4 h-4" />
<Heroicons.scissors solid />
<Heroicons.scissors mini />
<Heroicons.scissors micro />
<Heroicons.scissors outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the server icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.server />
<Heroicons.server class="w-4 h-4" />
<Heroicons.server solid />
<Heroicons.server mini />
<Heroicons.server micro />
<Heroicons.server outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the server_stack icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.server_stack />
<Heroicons.server_stack class="w-4 h-4" />
<Heroicons.server_stack solid />
<Heroicons.server_stack mini />
<Heroicons.server_stack micro />
<Heroicons.server_stack outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the shield_check icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.shield_check />
<Heroicons.shield_check class="w-4 h-4" />
<Heroicons.shield_check solid />
<Heroicons.shield_check mini />
<Heroicons.shield_check micro />
<Heroicons.shield_check outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the shield_exclamation icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.shield_exclamation />
<Heroicons.shield_exclamation class="w-4 h-4" />
<Heroicons.shield_exclamation solid />
<Heroicons.shield_exclamation mini />
<Heroicons.shield_exclamation micro />
<Heroicons.shield_exclamation outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the shopping_bag icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.shopping_bag />
<Heroicons.shopping_bag class="w-4 h-4" />
<Heroicons.shopping_bag solid />
<Heroicons.shopping_bag mini />
<Heroicons.shopping_bag micro />
<Heroicons.shopping_bag outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the shopping_cart icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.shopping_cart />
<Heroicons.shopping_cart class="w-4 h-4" />
<Heroicons.shopping_cart solid />
<Heroicons.shopping_cart mini />
<Heroicons.shopping_cart micro />
<Heroicons.shopping_cart outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the signal icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.signal />
<Heroicons.signal class="w-4 h-4" />
<Heroicons.signal solid />
<Heroicons.signal mini />
<Heroicons.signal micro />
<Heroicons.signal outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the signal_slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.signal_slash />
<Heroicons.signal_slash class="w-4 h-4" />
<Heroicons.signal_slash solid />
<Heroicons.signal_slash mini />
<Heroicons.signal_slash micro />
<Heroicons.signal_slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.slash />
<Heroicons.slash class="w-4 h-4" />
<Heroicons.slash solid />
<Heroicons.slash mini />
<Heroicons.slash micro />
<Heroicons.slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the sparkles icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.sparkles />
<Heroicons.sparkles class="w-4 h-4" />
<Heroicons.sparkles solid />
<Heroicons.sparkles mini />
<Heroicons.sparkles micro />
<Heroicons.sparkles outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the speaker_wave icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.speaker_wave />
<Heroicons.speaker_wave class="w-4 h-4" />
<Heroicons.speaker_wave solid />
<Heroicons.speaker_wave mini />
<Heroicons.speaker_wave micro />
<Heroicons.speaker_wave outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the speaker_x_mark icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.speaker_x_mark />
<Heroicons.speaker_x_mark class="w-4 h-4" />
<Heroicons.speaker_x_mark solid />
<Heroicons.speaker_x_mark mini />
<Heroicons.speaker_x_mark micro />
<Heroicons.speaker_x_mark outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the square_2_stack icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.square_2_stack />
<Heroicons.square_2_stack class="w-4 h-4" />
<Heroicons.square_2_stack solid />
<Heroicons.square_2_stack mini />
<Heroicons.square_2_stack micro />
<Heroicons.square_2_stack outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the square_3_stack_3d icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.square_3_stack_3d />
<Heroicons.square_3_stack_3d class="w-4 h-4" />
<Heroicons.square_3_stack_3d solid />
<Heroicons.square_3_stack_3d mini />
<Heroicons.square_3_stack_3d micro />
<Heroicons.square_3_stack_3d outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the squares_2x2 icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.squares_2x2 />
<Heroicons.squares_2x2 class="w-4 h-4" />
<Heroicons.squares_2x2 solid />
<Heroicons.squares_2x2 mini />
<Heroicons.squares_2x2 micro />
<Heroicons.squares_2x2 outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the squares_plus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.squares_plus />
<Heroicons.squares_plus class="w-4 h-4" />
<Heroicons.squares_plus solid />
<Heroicons.squares_plus mini />
<Heroicons.squares_plus micro />
<Heroicons.squares_plus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the star icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.star />
<Heroicons.star class="w-4 h-4" />
<Heroicons.star solid />
<Heroicons.star mini />
<Heroicons.star micro />
<Heroicons.star outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the stop icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.stop />
<Heroicons.stop class="w-4 h-4" />
<Heroicons.stop solid />
<Heroicons.stop mini />
<Heroicons.stop micro />
<Heroicons.stop outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the stop_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.stop_circle />
<Heroicons.stop_circle class="w-4 h-4" />
<Heroicons.stop_circle solid />
<Heroicons.stop_circle mini />
<Heroicons.stop_circle micro />
<Heroicons.stop_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the strikethrough icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.strikethrough />
<Heroicons.strikethrough class="w-4 h-4" />
<Heroicons.strikethrough solid />
<Heroicons.strikethrough mini />
<Heroicons.strikethrough micro />
<Heroicons.strikethrough outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the sun icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.sun />
<Heroicons.sun class="w-4 h-4" />
<Heroicons.sun solid />
<Heroicons.sun mini />
<Heroicons.sun micro />
<Heroicons.sun outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the swatch icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.swatch />
<Heroicons.swatch class="w-4 h-4" />
<Heroicons.swatch solid />
<Heroicons.swatch mini />
<Heroicons.swatch micro />
<Heroicons.swatch outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the table_cells icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.table_cells />
<Heroicons.table_cells class="w-4 h-4" />
<Heroicons.table_cells solid />
<Heroicons.table_cells mini />
<Heroicons.table_cells micro />
<Heroicons.table_cells outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the tag icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.tag />
<Heroicons.tag class="w-4 h-4" />
<Heroicons.tag solid />
<Heroicons.tag mini />
<Heroicons.tag micro />
<Heroicons.tag outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the ticket icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.ticket />
<Heroicons.ticket class="w-4 h-4" />
<Heroicons.ticket solid />
<Heroicons.ticket mini />
<Heroicons.ticket micro />
<Heroicons.ticket outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the trash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.trash />
<Heroicons.trash class="w-4 h-4" />
<Heroicons.trash solid />
<Heroicons.trash mini />
<Heroicons.trash micro />
<Heroicons.trash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the trophy icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.trophy />
<Heroicons.trophy class="w-4 h-4" />
<Heroicons.trophy solid />
<Heroicons.trophy mini />
<Heroicons.trophy micro />
<Heroicons.trophy outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the truck icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.truck />
<Heroicons.truck class="w-4 h-4" />
<Heroicons.truck solid />
<Heroicons.truck mini />
<Heroicons.truck micro />
<Heroicons.truck outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the tv icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.tv />
<Heroicons.tv class="w-4 h-4" />
<Heroicons.tv solid />
<Heroicons.tv mini />
<Heroicons.tv micro />
<Heroicons.tv outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the underline icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.underline />
<Heroicons.underline class="w-4 h-4" />
<Heroicons.underline solid />
<Heroicons.underline mini />
<Heroicons.underline micro />
<Heroicons.underline outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the user icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.user />
<Heroicons.user class="w-4 h-4" />
<Heroicons.user solid />
<Heroicons.user mini />
<Heroicons.user micro />
<Heroicons.user outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the user_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.user_circle />
<Heroicons.user_circle class="w-4 h-4" />
<Heroicons.user_circle solid />
<Heroicons.user_circle mini />
<Heroicons.user_circle micro />
<Heroicons.user_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the user_group icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.user_group />
<Heroicons.user_group class="w-4 h-4" />
<Heroicons.user_group solid />
<Heroicons.user_group mini />
<Heroicons.user_group micro />
<Heroicons.user_group outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the user_minus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.user_minus />
<Heroicons.user_minus class="w-4 h-4" />
<Heroicons.user_minus solid />
<Heroicons.user_minus mini />
<Heroicons.user_minus micro />
<Heroicons.user_minus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the user_plus icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.user_plus />
<Heroicons.user_plus class="w-4 h-4" />
<Heroicons.user_plus solid />
<Heroicons.user_plus mini />
<Heroicons.user_plus micro />
<Heroicons.user_plus outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the users icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.users />
<Heroicons.users class="w-4 h-4" />
<Heroicons.users solid />
<Heroicons.users mini />
<Heroicons.users micro />
<Heroicons.users outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the variable icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.variable />
<Heroicons.variable class="w-4 h-4" />
<Heroicons.variable solid />
<Heroicons.variable mini />
<Heroicons.variable micro />
<Heroicons.variable outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the video_camera icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.video_camera />
<Heroicons.video_camera class="w-4 h-4" />
<Heroicons.video_camera solid />
<Heroicons.video_camera mini />
<Heroicons.video_camera micro />
<Heroicons.video_camera outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the video_camera_slash icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.video_camera_slash />
<Heroicons.video_camera_slash class="w-4 h-4" />
<Heroicons.video_camera_slash solid />
<Heroicons.video_camera_slash mini />
<Heroicons.video_camera_slash micro />
<Heroicons.video_camera_slash outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the view_columns icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.view_columns />
<Heroicons.view_columns class="w-4 h-4" />
<Heroicons.view_columns solid />
<Heroicons.view_columns mini />
<Heroicons.view_columns micro />
<Heroicons.view_columns outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the viewfinder_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.viewfinder_circle />
<Heroicons.viewfinder_circle class="w-4 h-4" />
<Heroicons.viewfinder_circle solid />
<Heroicons.viewfinder_circle mini />
<Heroicons.viewfinder_circle micro />
<Heroicons.viewfinder_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the wallet icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.wallet />
<Heroicons.wallet class="w-4 h-4" />
<Heroicons.wallet solid />
<Heroicons.wallet mini />
<Heroicons.wallet micro />
<Heroicons.wallet outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the wifi icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.wifi />
<Heroicons.wifi class="w-4 h-4" />
<Heroicons.wifi solid />
<Heroicons.wifi mini />
<Heroicons.wifi micro />
<Heroicons.wifi outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the window icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.window />
<Heroicons.window class="w-4 h-4" />
<Heroicons.window solid />
<Heroicons.window mini />
<Heroicons.window micro />
<Heroicons.window outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the wrench icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.wrench />
<Heroicons.wrench class="w-4 h-4" />
<Heroicons.wrench solid />
<Heroicons.wrench mini />
<Heroicons.wrench micro />
<Heroicons.wrench outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the wrench_screwdriver icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.wrench_screwdriver />
<Heroicons.wrench_screwdriver class="w-4 h-4" />
<Heroicons.wrench_screwdriver solid />
<Heroicons.wrench_screwdriver mini />
<Heroicons.wrench_screwdriver micro />
<Heroicons.wrench_screwdriver outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the x_circle icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.x_circle />
<Heroicons.x_circle class="w-4 h-4" />
<Heroicons.x_circle solid />
<Heroicons.x_circle mini />
<Heroicons.x_circle micro />
<Heroicons.x_circle outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].
Renders the x_mark icon.
By default, the outlined (24x24) component is used, but the solid, mini or micro
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
Examples
<Heroicons.x_mark />
<Heroicons.x_mark class="w-4 h-4" />
<Heroicons.x_mark solid />
<Heroicons.x_mark mini />
<Heroicons.x_mark micro />
<Heroicons.x_mark outline />Attributes
outline(:boolean) - Defaults totrue.solid(:boolean) - Defaults tofalse.mini(:boolean) - Defaults tofalse.micro(:boolean) - Defaults tofalse.- Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus:
["fill", "stroke", "stroke-width"].