View Source Heroicons (Heroicons v0.5.3)
Provides precompiled icon compiles from heroicons.com v2.0.13.
Heroicons are designed by Steve Schoger
usage
Usage
Hero icons come in three styles – outline (24x24
), solid (24x24
), and mini (20x20
).
By default, the icon components will use the outline style, but the solid
or
mini
attributes may be passed to select styling, for example:
<Heroicons.cake />
<Heroicons.cake solid />
<Heroicons.cake mini />
You can also pass arbitrary HTML attributes to the components:
<Heroicons.cake class="w-2 h-2" />
<Heroicons.cake solid class="w-2 h-2" />
## Heroicons License Attribution
MIT License
Copyright (c) 2020 Refactoring UI Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Link to this section Summary
Functions
Renders the academic_cap
icon.
Renders the adjustments_horizontal
icon.
Renders the adjustments_vertical
icon.
Renders the archive_box
icon.
Renders the archive_box_arrow_down
icon.
Renders the archive_box_x_mark
icon.
Renders the arrow_down
icon.
Renders the arrow_down_circle
icon.
Renders the arrow_down_left
icon.
Renders the arrow_down_on_square
icon.
Renders the arrow_down_on_square_stack
icon.
Renders the arrow_down_right
icon.
Renders the arrow_down_tray
icon.
Renders the arrow_left
icon.
Renders the arrow_left_circle
icon.
Renders the arrow_left_on_rectangle
icon.
Renders the arrow_long_down
icon.
Renders the arrow_long_left
icon.
Renders the arrow_long_right
icon.
Renders the arrow_long_up
icon.
Renders the arrow_path
icon.
Renders the arrow_path_rounded_square
icon.
Renders the arrow_right
icon.
Renders the arrow_right_circle
icon.
Renders the arrow_right_on_rectangle
icon.
Renders the arrow_small_down
icon.
Renders the arrow_small_left
icon.
Renders the arrow_small_right
icon.
Renders the arrow_small_up
icon.
Renders the arrow_top_right_on_square
icon.
Renders the arrow_trending_down
icon.
Renders the arrow_trending_up
icon.
Renders the arrow_up
icon.
Renders the arrow_up_circle
icon.
Renders the arrow_up_left
icon.
Renders the arrow_up_on_square
icon.
Renders the arrow_up_on_square_stack
icon.
Renders the arrow_up_right
icon.
Renders the arrow_up_tray
icon.
Renders the arrow_uturn_down
icon.
Renders the arrow_uturn_left
icon.
Renders the arrow_uturn_right
icon.
Renders the arrow_uturn_up
icon.
Renders the arrows_pointing_in
icon.
Renders the arrows_pointing_out
icon.
Renders the arrows_right_left
icon.
Renders the arrows_up_down
icon.
Renders the at_symbol
icon.
Renders the backspace
icon.
Renders the backward
icon.
Renders the banknotes
icon.
Renders the bars_2
icon.
Renders the bars_3
icon.
Renders the bars_3_bottom_left
icon.
Renders the bars_3_bottom_right
icon.
Renders the bars_3_center_left
icon.
Renders the bars_4
icon.
Renders the bars_arrow_down
icon.
Renders the bars_arrow_up
icon.
Renders the battery_0
icon.
Renders the battery_50
icon.
Renders the battery_100
icon.
Renders the beaker
icon.
Renders the bell
icon.
Renders the bell_alert
icon.
Renders the bell_slash
icon.
Renders the bell_snooze
icon.
Renders the bolt
icon.
Renders the bolt_slash
icon.
Renders the book_open
icon.
Renders the bookmark
icon.
Renders the bookmark_slash
icon.
Renders the bookmark_square
icon.
Renders the briefcase
icon.
Renders the bug_ant
icon.
Renders the building_library
icon.
Renders the building_office
icon.
Renders the building_office_2
icon.
Renders the building_storefront
icon.
Renders the cake
icon.
Renders the calculator
icon.
Renders the calendar
icon.
Renders the calendar_days
icon.
Renders the camera
icon.
Renders the chart_bar
icon.
Renders the chart_bar_square
icon.
Renders the chart_pie
icon.
Renders the chat_bubble_bottom_center
icon.
Renders the chat_bubble_bottom_center_text
icon.
Renders the chat_bubble_left
icon.
Renders the chat_bubble_left_ellipsis
icon.
Renders the chat_bubble_left_right
icon.
Renders the chat_bubble_oval_left
icon.
Renders the chat_bubble_oval_left_ellipsis
icon.
Renders the check
icon.
Renders the check_badge
icon.
Renders the check_circle
icon.
Renders the chevron_double_down
icon.
Renders the chevron_double_left
icon.
Renders the chevron_double_right
icon.
Renders the chevron_double_up
icon.
Renders the chevron_down
icon.
Renders the chevron_left
icon.
Renders the chevron_right
icon.
Renders the chevron_up
icon.
Renders the chevron_up_down
icon.
Renders the circle_stack
icon.
Renders the clipboard
icon.
Renders the clipboard_document
icon.
Renders the clipboard_document_check
icon.
Renders the clipboard_document_list
icon.
Renders the clock
icon.
Renders the cloud
icon.
Renders the cloud_arrow_down
icon.
Renders the cloud_arrow_up
icon.
Renders the code_bracket
icon.
Renders the code_bracket_square
icon.
Renders the cog
icon.
Renders the cog_6_tooth
icon.
Renders the cog_8_tooth
icon.
Renders the command_line
icon.
Renders the computer_desktop
icon.
Renders the cpu_chip
icon.
Renders the credit_card
icon.
Renders the cube
icon.
Renders the cube_transparent
icon.
Renders the currency_bangladeshi
icon.
Renders the currency_dollar
icon.
Renders the currency_euro
icon.
Renders the currency_pound
icon.
Renders the currency_rupee
icon.
Renders the currency_yen
icon.
Renders the cursor_arrow_rays
icon.
Renders the cursor_arrow_ripple
icon.
Renders the device_phone_mobile
icon.
Renders the device_tablet
icon.
Renders the document
icon.
Renders the document_arrow_down
icon.
Renders the document_arrow_up
icon.
Renders the document_chart_bar
icon.
Renders the document_check
icon.
Renders the document_duplicate
icon.
Renders the document_magnifying_glass
icon.
Renders the document_minus
icon.
Renders the document_plus
icon.
Renders the document_text
icon.
Renders the ellipsis_horizontal
icon.
Renders the ellipsis_horizontal_circle
icon.
Renders the ellipsis_vertical
icon.
Renders the envelope
icon.
Renders the envelope_open
icon.
Renders the exclamation_circle
icon.
Renders the exclamation_triangle
icon.
Renders the eye
icon.
Renders the eye_dropper
icon.
Renders the eye_slash
icon.
Renders the face_frown
icon.
Renders the face_smile
icon.
Renders the film
icon.
Renders the finger_print
icon.
Renders the fire
icon.
Renders the flag
icon.
Renders the folder
icon.
Renders the folder_arrow_down
icon.
Renders the folder_minus
icon.
Renders the folder_open
icon.
Renders the folder_plus
icon.
Renders the forward
icon.
Renders the funnel
icon.
Renders the gif
icon.
Renders the gift
icon.
Renders the gift_top
icon.
Renders the globe_alt
icon.
Renders the globe_americas
icon.
Renders the globe_asia_australia
icon.
Renders the globe_europe_africa
icon.
Renders the hand_raised
icon.
Renders the hand_thumb_down
icon.
Renders the hand_thumb_up
icon.
Renders the hashtag
icon.
Renders the heart
icon.
Renders the home
icon.
Renders the home_modern
icon.
Renders the identification
icon.
Renders the inbox
icon.
Renders the inbox_arrow_down
icon.
Renders the inbox_stack
icon.
Renders the information_circle
icon.
Renders the key
icon.
Renders the language
icon.
Renders the lifebuoy
icon.
Renders the light_bulb
icon.
Renders the link
icon.
Renders the list_bullet
icon.
Renders the lock_closed
icon.
Renders the lock_open
icon.
Renders the magnifying_glass
icon.
Renders the magnifying_glass_circle
icon.
Renders the magnifying_glass_minus
icon.
Renders the magnifying_glass_plus
icon.
Renders the map
icon.
Renders the map_pin
icon.
Renders the megaphone
icon.
Renders the microphone
icon.
Renders the minus
icon.
Renders the minus_circle
icon.
Renders the minus_small
icon.
Renders the moon
icon.
Renders the musical_note
icon.
Renders the newspaper
icon.
Renders the no_symbol
icon.
Renders the paint_brush
icon.
Renders the paper_airplane
icon.
Renders the paper_clip
icon.
Renders the pause
icon.
Renders the pause_circle
icon.
Renders the pencil
icon.
Renders the pencil_square
icon.
Renders the phone
icon.
Renders the phone_arrow_down_left
icon.
Renders the phone_arrow_up_right
icon.
Renders the phone_x_mark
icon.
Renders the photo
icon.
Renders the play
icon.
Renders the play_circle
icon.
Renders the play_pause
icon.
Renders the plus
icon.
Renders the plus_circle
icon.
Renders the plus_small
icon.
Renders the power
icon.
Renders the presentation_chart_bar
icon.
Renders the presentation_chart_line
icon.
Renders the printer
icon.
Renders the puzzle_piece
icon.
Renders the qr_code
icon.
Renders the question_mark_circle
icon.
Renders the queue_list
icon.
Renders the radio
icon.
Renders the receipt_percent
icon.
Renders the receipt_refund
icon.
Renders the rectangle_group
icon.
Renders the rectangle_stack
icon.
Renders the rocket_launch
icon.
Renders the rss
icon.
Renders the scale
icon.
Renders the scissors
icon.
Renders the server
icon.
Renders the server_stack
icon.
Renders the share
icon.
Renders the shield_check
icon.
Renders the shield_exclamation
icon.
Renders the shopping_bag
icon.
Renders the shopping_cart
icon.
Renders the signal
icon.
Renders the signal_slash
icon.
Renders the sparkles
icon.
Renders the speaker_wave
icon.
Renders the speaker_x_mark
icon.
Renders the square_2_stack
icon.
Renders the square_3_stack_3d
icon.
Renders the squares_2x2
icon.
Renders the squares_plus
icon.
Renders the star
icon.
Renders the stop
icon.
Renders the stop_circle
icon.
Renders the sun
icon.
Renders the swatch
icon.
Renders the table_cells
icon.
Renders the tag
icon.
Renders the ticket
icon.
Renders the trash
icon.
Renders the trophy
icon.
Renders the truck
icon.
Renders the tv
icon.
Renders the user
icon.
Renders the user_circle
icon.
Renders the user_group
icon.
Renders the user_minus
icon.
Renders the user_plus
icon.
Renders the users
icon.
Renders the variable
icon.
Renders the video_camera
icon.
Renders the video_camera_slash
icon.
Renders the view_columns
icon.
Renders the viewfinder_circle
icon.
Renders the wallet
icon.
Renders the wifi
icon.
Renders the window
icon.
Renders the wrench
icon.
Renders the wrench_screwdriver
icon.
Renders the x_circle
icon.
Renders the x_mark
icon.
Link to this section Functions
Renders the academic_cap
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.academic_cap />
<Heroicons.academic_cap class="w-4 h-4" />
<Heroicons.academic_cap solid />
<Heroicons.academic_cap mini />
<Heroicons.academic_cap outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the adjustments_horizontal
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.adjustments_horizontal />
<Heroicons.adjustments_horizontal class="w-4 h-4" />
<Heroicons.adjustments_horizontal solid />
<Heroicons.adjustments_horizontal mini />
<Heroicons.adjustments_horizontal outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the adjustments_vertical
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.adjustments_vertical />
<Heroicons.adjustments_vertical class="w-4 h-4" />
<Heroicons.adjustments_vertical solid />
<Heroicons.adjustments_vertical mini />
<Heroicons.adjustments_vertical outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the archive_box
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.archive_box />
<Heroicons.archive_box class="w-4 h-4" />
<Heroicons.archive_box solid />
<Heroicons.archive_box mini />
<Heroicons.archive_box outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the archive_box_arrow_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.archive_box_arrow_down />
<Heroicons.archive_box_arrow_down class="w-4 h-4" />
<Heroicons.archive_box_arrow_down solid />
<Heroicons.archive_box_arrow_down mini />
<Heroicons.archive_box_arrow_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the archive_box_x_mark
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.archive_box_x_mark />
<Heroicons.archive_box_x_mark class="w-4 h-4" />
<Heroicons.archive_box_x_mark solid />
<Heroicons.archive_box_x_mark mini />
<Heroicons.archive_box_x_mark outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_down />
<Heroicons.arrow_down class="w-4 h-4" />
<Heroicons.arrow_down solid />
<Heroicons.arrow_down mini />
<Heroicons.arrow_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_down_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_down_circle />
<Heroicons.arrow_down_circle class="w-4 h-4" />
<Heroicons.arrow_down_circle solid />
<Heroicons.arrow_down_circle mini />
<Heroicons.arrow_down_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_down_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_down_left />
<Heroicons.arrow_down_left class="w-4 h-4" />
<Heroicons.arrow_down_left solid />
<Heroicons.arrow_down_left mini />
<Heroicons.arrow_down_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_down_on_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_down_on_square />
<Heroicons.arrow_down_on_square class="w-4 h-4" />
<Heroicons.arrow_down_on_square solid />
<Heroicons.arrow_down_on_square mini />
<Heroicons.arrow_down_on_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_down_on_square_stack
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_down_on_square_stack />
<Heroicons.arrow_down_on_square_stack class="w-4 h-4" />
<Heroicons.arrow_down_on_square_stack solid />
<Heroicons.arrow_down_on_square_stack mini />
<Heroicons.arrow_down_on_square_stack outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_down_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_down_right />
<Heroicons.arrow_down_right class="w-4 h-4" />
<Heroicons.arrow_down_right solid />
<Heroicons.arrow_down_right mini />
<Heroicons.arrow_down_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_down_tray
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_down_tray />
<Heroicons.arrow_down_tray class="w-4 h-4" />
<Heroicons.arrow_down_tray solid />
<Heroicons.arrow_down_tray mini />
<Heroicons.arrow_down_tray outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_left />
<Heroicons.arrow_left class="w-4 h-4" />
<Heroicons.arrow_left solid />
<Heroicons.arrow_left mini />
<Heroicons.arrow_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_left_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_left_circle />
<Heroicons.arrow_left_circle class="w-4 h-4" />
<Heroicons.arrow_left_circle solid />
<Heroicons.arrow_left_circle mini />
<Heroicons.arrow_left_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_left_on_rectangle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_left_on_rectangle />
<Heroicons.arrow_left_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_left_on_rectangle solid />
<Heroicons.arrow_left_on_rectangle mini />
<Heroicons.arrow_left_on_rectangle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_long_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_long_down />
<Heroicons.arrow_long_down class="w-4 h-4" />
<Heroicons.arrow_long_down solid />
<Heroicons.arrow_long_down mini />
<Heroicons.arrow_long_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_long_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_long_left />
<Heroicons.arrow_long_left class="w-4 h-4" />
<Heroicons.arrow_long_left solid />
<Heroicons.arrow_long_left mini />
<Heroicons.arrow_long_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_long_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_long_right />
<Heroicons.arrow_long_right class="w-4 h-4" />
<Heroicons.arrow_long_right solid />
<Heroicons.arrow_long_right mini />
<Heroicons.arrow_long_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_long_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_long_up />
<Heroicons.arrow_long_up class="w-4 h-4" />
<Heroicons.arrow_long_up solid />
<Heroicons.arrow_long_up mini />
<Heroicons.arrow_long_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_path
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_path />
<Heroicons.arrow_path class="w-4 h-4" />
<Heroicons.arrow_path solid />
<Heroicons.arrow_path mini />
<Heroicons.arrow_path outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_path_rounded_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_path_rounded_square />
<Heroicons.arrow_path_rounded_square class="w-4 h-4" />
<Heroicons.arrow_path_rounded_square solid />
<Heroicons.arrow_path_rounded_square mini />
<Heroicons.arrow_path_rounded_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_right />
<Heroicons.arrow_right class="w-4 h-4" />
<Heroicons.arrow_right solid />
<Heroicons.arrow_right mini />
<Heroicons.arrow_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_right_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_right_circle />
<Heroicons.arrow_right_circle class="w-4 h-4" />
<Heroicons.arrow_right_circle solid />
<Heroicons.arrow_right_circle mini />
<Heroicons.arrow_right_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_right_on_rectangle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_right_on_rectangle />
<Heroicons.arrow_right_on_rectangle class="w-4 h-4" />
<Heroicons.arrow_right_on_rectangle solid />
<Heroicons.arrow_right_on_rectangle mini />
<Heroicons.arrow_right_on_rectangle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_small_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_small_down />
<Heroicons.arrow_small_down class="w-4 h-4" />
<Heroicons.arrow_small_down solid />
<Heroicons.arrow_small_down mini />
<Heroicons.arrow_small_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_small_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_small_left />
<Heroicons.arrow_small_left class="w-4 h-4" />
<Heroicons.arrow_small_left solid />
<Heroicons.arrow_small_left mini />
<Heroicons.arrow_small_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_small_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_small_right />
<Heroicons.arrow_small_right class="w-4 h-4" />
<Heroicons.arrow_small_right solid />
<Heroicons.arrow_small_right mini />
<Heroicons.arrow_small_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_small_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_small_up />
<Heroicons.arrow_small_up class="w-4 h-4" />
<Heroicons.arrow_small_up solid />
<Heroicons.arrow_small_up mini />
<Heroicons.arrow_small_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_top_right_on_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_top_right_on_square />
<Heroicons.arrow_top_right_on_square class="w-4 h-4" />
<Heroicons.arrow_top_right_on_square solid />
<Heroicons.arrow_top_right_on_square mini />
<Heroicons.arrow_top_right_on_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_trending_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_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 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_trending_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_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 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_up />
<Heroicons.arrow_up class="w-4 h-4" />
<Heroicons.arrow_up solid />
<Heroicons.arrow_up mini />
<Heroicons.arrow_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_up_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_up_circle />
<Heroicons.arrow_up_circle class="w-4 h-4" />
<Heroicons.arrow_up_circle solid />
<Heroicons.arrow_up_circle mini />
<Heroicons.arrow_up_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_up_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_up_left />
<Heroicons.arrow_up_left class="w-4 h-4" />
<Heroicons.arrow_up_left solid />
<Heroicons.arrow_up_left mini />
<Heroicons.arrow_up_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_up_on_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_up_on_square />
<Heroicons.arrow_up_on_square class="w-4 h-4" />
<Heroicons.arrow_up_on_square solid />
<Heroicons.arrow_up_on_square mini />
<Heroicons.arrow_up_on_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_up_on_square_stack
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_up_on_square_stack />
<Heroicons.arrow_up_on_square_stack class="w-4 h-4" />
<Heroicons.arrow_up_on_square_stack solid />
<Heroicons.arrow_up_on_square_stack mini />
<Heroicons.arrow_up_on_square_stack outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_up_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_up_right />
<Heroicons.arrow_up_right class="w-4 h-4" />
<Heroicons.arrow_up_right solid />
<Heroicons.arrow_up_right mini />
<Heroicons.arrow_up_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_up_tray
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_up_tray />
<Heroicons.arrow_up_tray class="w-4 h-4" />
<Heroicons.arrow_up_tray solid />
<Heroicons.arrow_up_tray mini />
<Heroicons.arrow_up_tray outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_uturn_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_uturn_down />
<Heroicons.arrow_uturn_down class="w-4 h-4" />
<Heroicons.arrow_uturn_down solid />
<Heroicons.arrow_uturn_down mini />
<Heroicons.arrow_uturn_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_uturn_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_uturn_left />
<Heroicons.arrow_uturn_left class="w-4 h-4" />
<Heroicons.arrow_uturn_left solid />
<Heroicons.arrow_uturn_left mini />
<Heroicons.arrow_uturn_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_uturn_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_uturn_right />
<Heroicons.arrow_uturn_right class="w-4 h-4" />
<Heroicons.arrow_uturn_right solid />
<Heroicons.arrow_uturn_right mini />
<Heroicons.arrow_uturn_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrow_uturn_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrow_uturn_up />
<Heroicons.arrow_uturn_up class="w-4 h-4" />
<Heroicons.arrow_uturn_up solid />
<Heroicons.arrow_uturn_up mini />
<Heroicons.arrow_uturn_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrows_pointing_in
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrows_pointing_in />
<Heroicons.arrows_pointing_in class="w-4 h-4" />
<Heroicons.arrows_pointing_in solid />
<Heroicons.arrows_pointing_in mini />
<Heroicons.arrows_pointing_in outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrows_pointing_out
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrows_pointing_out />
<Heroicons.arrows_pointing_out class="w-4 h-4" />
<Heroicons.arrows_pointing_out solid />
<Heroicons.arrows_pointing_out mini />
<Heroicons.arrows_pointing_out outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrows_right_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrows_right_left />
<Heroicons.arrows_right_left class="w-4 h-4" />
<Heroicons.arrows_right_left solid />
<Heroicons.arrows_right_left mini />
<Heroicons.arrows_right_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the arrows_up_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.arrows_up_down />
<Heroicons.arrows_up_down class="w-4 h-4" />
<Heroicons.arrows_up_down solid />
<Heroicons.arrows_up_down mini />
<Heroicons.arrows_up_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the at_symbol
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.at_symbol />
<Heroicons.at_symbol class="w-4 h-4" />
<Heroicons.at_symbol solid />
<Heroicons.at_symbol mini />
<Heroicons.at_symbol outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the backspace
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.backspace />
<Heroicons.backspace class="w-4 h-4" />
<Heroicons.backspace solid />
<Heroicons.backspace mini />
<Heroicons.backspace outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the backward
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.backward />
<Heroicons.backward class="w-4 h-4" />
<Heroicons.backward solid />
<Heroicons.backward mini />
<Heroicons.backward outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the banknotes
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.banknotes />
<Heroicons.banknotes class="w-4 h-4" />
<Heroicons.banknotes solid />
<Heroicons.banknotes mini />
<Heroicons.banknotes outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_2
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_2 />
<Heroicons.bars_2 class="w-4 h-4" />
<Heroicons.bars_2 solid />
<Heroicons.bars_2 mini />
<Heroicons.bars_2 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_3
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_3 />
<Heroicons.bars_3 class="w-4 h-4" />
<Heroicons.bars_3 solid />
<Heroicons.bars_3 mini />
<Heroicons.bars_3 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_3_bottom_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_3_bottom_left />
<Heroicons.bars_3_bottom_left class="w-4 h-4" />
<Heroicons.bars_3_bottom_left solid />
<Heroicons.bars_3_bottom_left mini />
<Heroicons.bars_3_bottom_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_3_bottom_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_3_bottom_right />
<Heroicons.bars_3_bottom_right class="w-4 h-4" />
<Heroicons.bars_3_bottom_right solid />
<Heroicons.bars_3_bottom_right mini />
<Heroicons.bars_3_bottom_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_3_center_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_3_center_left />
<Heroicons.bars_3_center_left class="w-4 h-4" />
<Heroicons.bars_3_center_left solid />
<Heroicons.bars_3_center_left mini />
<Heroicons.bars_3_center_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_4
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_4 />
<Heroicons.bars_4 class="w-4 h-4" />
<Heroicons.bars_4 solid />
<Heroicons.bars_4 mini />
<Heroicons.bars_4 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_arrow_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_arrow_down />
<Heroicons.bars_arrow_down class="w-4 h-4" />
<Heroicons.bars_arrow_down solid />
<Heroicons.bars_arrow_down mini />
<Heroicons.bars_arrow_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bars_arrow_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bars_arrow_up />
<Heroicons.bars_arrow_up class="w-4 h-4" />
<Heroicons.bars_arrow_up solid />
<Heroicons.bars_arrow_up mini />
<Heroicons.bars_arrow_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the battery_0
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.battery_0 />
<Heroicons.battery_0 class="w-4 h-4" />
<Heroicons.battery_0 solid />
<Heroicons.battery_0 mini />
<Heroicons.battery_0 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the battery_50
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.battery_50 />
<Heroicons.battery_50 class="w-4 h-4" />
<Heroicons.battery_50 solid />
<Heroicons.battery_50 mini />
<Heroicons.battery_50 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the battery_100
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.battery_100 />
<Heroicons.battery_100 class="w-4 h-4" />
<Heroicons.battery_100 solid />
<Heroicons.battery_100 mini />
<Heroicons.battery_100 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the beaker
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.beaker />
<Heroicons.beaker class="w-4 h-4" />
<Heroicons.beaker solid />
<Heroicons.beaker mini />
<Heroicons.beaker outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bell
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bell />
<Heroicons.bell class="w-4 h-4" />
<Heroicons.bell solid />
<Heroicons.bell mini />
<Heroicons.bell outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bell_alert
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bell_alert />
<Heroicons.bell_alert class="w-4 h-4" />
<Heroicons.bell_alert solid />
<Heroicons.bell_alert mini />
<Heroicons.bell_alert outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bell_slash
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bell_slash />
<Heroicons.bell_slash class="w-4 h-4" />
<Heroicons.bell_slash solid />
<Heroicons.bell_slash mini />
<Heroicons.bell_slash outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bell_snooze
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bell_snooze />
<Heroicons.bell_snooze class="w-4 h-4" />
<Heroicons.bell_snooze solid />
<Heroicons.bell_snooze mini />
<Heroicons.bell_snooze outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bolt
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bolt />
<Heroicons.bolt class="w-4 h-4" />
<Heroicons.bolt solid />
<Heroicons.bolt mini />
<Heroicons.bolt outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bolt_slash
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bolt_slash />
<Heroicons.bolt_slash class="w-4 h-4" />
<Heroicons.bolt_slash solid />
<Heroicons.bolt_slash mini />
<Heroicons.bolt_slash outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the book_open
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.book_open />
<Heroicons.book_open class="w-4 h-4" />
<Heroicons.book_open solid />
<Heroicons.book_open mini />
<Heroicons.book_open outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bookmark
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bookmark />
<Heroicons.bookmark class="w-4 h-4" />
<Heroicons.bookmark solid />
<Heroicons.bookmark mini />
<Heroicons.bookmark outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bookmark_slash
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bookmark_slash />
<Heroicons.bookmark_slash class="w-4 h-4" />
<Heroicons.bookmark_slash solid />
<Heroicons.bookmark_slash mini />
<Heroicons.bookmark_slash outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bookmark_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bookmark_square />
<Heroicons.bookmark_square class="w-4 h-4" />
<Heroicons.bookmark_square solid />
<Heroicons.bookmark_square mini />
<Heroicons.bookmark_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the briefcase
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.briefcase />
<Heroicons.briefcase class="w-4 h-4" />
<Heroicons.briefcase solid />
<Heroicons.briefcase mini />
<Heroicons.briefcase outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the bug_ant
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.bug_ant />
<Heroicons.bug_ant class="w-4 h-4" />
<Heroicons.bug_ant solid />
<Heroicons.bug_ant mini />
<Heroicons.bug_ant outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the building_library
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.building_library />
<Heroicons.building_library class="w-4 h-4" />
<Heroicons.building_library solid />
<Heroicons.building_library mini />
<Heroicons.building_library outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the building_office
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.building_office />
<Heroicons.building_office class="w-4 h-4" />
<Heroicons.building_office solid />
<Heroicons.building_office mini />
<Heroicons.building_office outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the building_office_2
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.building_office_2 />
<Heroicons.building_office_2 class="w-4 h-4" />
<Heroicons.building_office_2 solid />
<Heroicons.building_office_2 mini />
<Heroicons.building_office_2 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the building_storefront
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.building_storefront />
<Heroicons.building_storefront class="w-4 h-4" />
<Heroicons.building_storefront solid />
<Heroicons.building_storefront mini />
<Heroicons.building_storefront outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cake
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cake />
<Heroicons.cake class="w-4 h-4" />
<Heroicons.cake solid />
<Heroicons.cake mini />
<Heroicons.cake outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the calculator
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.calculator />
<Heroicons.calculator class="w-4 h-4" />
<Heroicons.calculator solid />
<Heroicons.calculator mini />
<Heroicons.calculator outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the calendar
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.calendar />
<Heroicons.calendar class="w-4 h-4" />
<Heroicons.calendar solid />
<Heroicons.calendar mini />
<Heroicons.calendar outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the calendar_days
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.calendar_days />
<Heroicons.calendar_days class="w-4 h-4" />
<Heroicons.calendar_days solid />
<Heroicons.calendar_days mini />
<Heroicons.calendar_days outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the camera
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.camera />
<Heroicons.camera class="w-4 h-4" />
<Heroicons.camera solid />
<Heroicons.camera mini />
<Heroicons.camera outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chart_bar
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chart_bar />
<Heroicons.chart_bar class="w-4 h-4" />
<Heroicons.chart_bar solid />
<Heroicons.chart_bar mini />
<Heroicons.chart_bar outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chart_bar_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chart_bar_square />
<Heroicons.chart_bar_square class="w-4 h-4" />
<Heroicons.chart_bar_square solid />
<Heroicons.chart_bar_square mini />
<Heroicons.chart_bar_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chart_pie
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chart_pie />
<Heroicons.chart_pie class="w-4 h-4" />
<Heroicons.chart_pie solid />
<Heroicons.chart_pie mini />
<Heroicons.chart_pie outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chat_bubble_bottom_center
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chat_bubble_bottom_center />
<Heroicons.chat_bubble_bottom_center class="w-4 h-4" />
<Heroicons.chat_bubble_bottom_center solid />
<Heroicons.chat_bubble_bottom_center mini />
<Heroicons.chat_bubble_bottom_center outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chat_bubble_bottom_center_text
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chat_bubble_bottom_center_text />
<Heroicons.chat_bubble_bottom_center_text class="w-4 h-4" />
<Heroicons.chat_bubble_bottom_center_text solid />
<Heroicons.chat_bubble_bottom_center_text mini />
<Heroicons.chat_bubble_bottom_center_text outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chat_bubble_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chat_bubble_left />
<Heroicons.chat_bubble_left class="w-4 h-4" />
<Heroicons.chat_bubble_left solid />
<Heroicons.chat_bubble_left mini />
<Heroicons.chat_bubble_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chat_bubble_left_ellipsis
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chat_bubble_left_ellipsis />
<Heroicons.chat_bubble_left_ellipsis class="w-4 h-4" />
<Heroicons.chat_bubble_left_ellipsis solid />
<Heroicons.chat_bubble_left_ellipsis mini />
<Heroicons.chat_bubble_left_ellipsis outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chat_bubble_left_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chat_bubble_left_right />
<Heroicons.chat_bubble_left_right class="w-4 h-4" />
<Heroicons.chat_bubble_left_right solid />
<Heroicons.chat_bubble_left_right mini />
<Heroicons.chat_bubble_left_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chat_bubble_oval_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chat_bubble_oval_left />
<Heroicons.chat_bubble_oval_left class="w-4 h-4" />
<Heroicons.chat_bubble_oval_left solid />
<Heroicons.chat_bubble_oval_left mini />
<Heroicons.chat_bubble_oval_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chat_bubble_oval_left_ellipsis
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chat_bubble_oval_left_ellipsis />
<Heroicons.chat_bubble_oval_left_ellipsis class="w-4 h-4" />
<Heroicons.chat_bubble_oval_left_ellipsis solid />
<Heroicons.chat_bubble_oval_left_ellipsis mini />
<Heroicons.chat_bubble_oval_left_ellipsis outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the check
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.check />
<Heroicons.check class="w-4 h-4" />
<Heroicons.check solid />
<Heroicons.check mini />
<Heroicons.check outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the check_badge
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.check_badge />
<Heroicons.check_badge class="w-4 h-4" />
<Heroicons.check_badge solid />
<Heroicons.check_badge mini />
<Heroicons.check_badge outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the check_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.check_circle />
<Heroicons.check_circle class="w-4 h-4" />
<Heroicons.check_circle solid />
<Heroicons.check_circle mini />
<Heroicons.check_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_double_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_double_down />
<Heroicons.chevron_double_down class="w-4 h-4" />
<Heroicons.chevron_double_down solid />
<Heroicons.chevron_double_down mini />
<Heroicons.chevron_double_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_double_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_double_left />
<Heroicons.chevron_double_left class="w-4 h-4" />
<Heroicons.chevron_double_left solid />
<Heroicons.chevron_double_left mini />
<Heroicons.chevron_double_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_double_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_double_right />
<Heroicons.chevron_double_right class="w-4 h-4" />
<Heroicons.chevron_double_right solid />
<Heroicons.chevron_double_right mini />
<Heroicons.chevron_double_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_double_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_double_up />
<Heroicons.chevron_double_up class="w-4 h-4" />
<Heroicons.chevron_double_up solid />
<Heroicons.chevron_double_up mini />
<Heroicons.chevron_double_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_down />
<Heroicons.chevron_down class="w-4 h-4" />
<Heroicons.chevron_down solid />
<Heroicons.chevron_down mini />
<Heroicons.chevron_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_left />
<Heroicons.chevron_left class="w-4 h-4" />
<Heroicons.chevron_left solid />
<Heroicons.chevron_left mini />
<Heroicons.chevron_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_right />
<Heroicons.chevron_right class="w-4 h-4" />
<Heroicons.chevron_right solid />
<Heroicons.chevron_right mini />
<Heroicons.chevron_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_up />
<Heroicons.chevron_up class="w-4 h-4" />
<Heroicons.chevron_up solid />
<Heroicons.chevron_up mini />
<Heroicons.chevron_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the chevron_up_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.chevron_up_down />
<Heroicons.chevron_up_down class="w-4 h-4" />
<Heroicons.chevron_up_down solid />
<Heroicons.chevron_up_down mini />
<Heroicons.chevron_up_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the circle_stack
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.circle_stack />
<Heroicons.circle_stack class="w-4 h-4" />
<Heroicons.circle_stack solid />
<Heroicons.circle_stack mini />
<Heroicons.circle_stack outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the clipboard
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.clipboard />
<Heroicons.clipboard class="w-4 h-4" />
<Heroicons.clipboard solid />
<Heroicons.clipboard mini />
<Heroicons.clipboard outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the clipboard_document
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.clipboard_document />
<Heroicons.clipboard_document class="w-4 h-4" />
<Heroicons.clipboard_document solid />
<Heroicons.clipboard_document mini />
<Heroicons.clipboard_document outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the clipboard_document_check
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.clipboard_document_check />
<Heroicons.clipboard_document_check class="w-4 h-4" />
<Heroicons.clipboard_document_check solid />
<Heroicons.clipboard_document_check mini />
<Heroicons.clipboard_document_check outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the clipboard_document_list
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.clipboard_document_list />
<Heroicons.clipboard_document_list class="w-4 h-4" />
<Heroicons.clipboard_document_list solid />
<Heroicons.clipboard_document_list mini />
<Heroicons.clipboard_document_list outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the clock
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.clock />
<Heroicons.clock class="w-4 h-4" />
<Heroicons.clock solid />
<Heroicons.clock mini />
<Heroicons.clock outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cloud
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cloud />
<Heroicons.cloud class="w-4 h-4" />
<Heroicons.cloud solid />
<Heroicons.cloud mini />
<Heroicons.cloud outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cloud_arrow_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cloud_arrow_down />
<Heroicons.cloud_arrow_down class="w-4 h-4" />
<Heroicons.cloud_arrow_down solid />
<Heroicons.cloud_arrow_down mini />
<Heroicons.cloud_arrow_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cloud_arrow_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cloud_arrow_up />
<Heroicons.cloud_arrow_up class="w-4 h-4" />
<Heroicons.cloud_arrow_up solid />
<Heroicons.cloud_arrow_up mini />
<Heroicons.cloud_arrow_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the code_bracket
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.code_bracket />
<Heroicons.code_bracket class="w-4 h-4" />
<Heroicons.code_bracket solid />
<Heroicons.code_bracket mini />
<Heroicons.code_bracket outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the code_bracket_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.code_bracket_square />
<Heroicons.code_bracket_square class="w-4 h-4" />
<Heroicons.code_bracket_square solid />
<Heroicons.code_bracket_square mini />
<Heroicons.code_bracket_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cog
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cog />
<Heroicons.cog class="w-4 h-4" />
<Heroicons.cog solid />
<Heroicons.cog mini />
<Heroicons.cog outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cog_6_tooth
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cog_6_tooth />
<Heroicons.cog_6_tooth class="w-4 h-4" />
<Heroicons.cog_6_tooth solid />
<Heroicons.cog_6_tooth mini />
<Heroicons.cog_6_tooth outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cog_8_tooth
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cog_8_tooth />
<Heroicons.cog_8_tooth class="w-4 h-4" />
<Heroicons.cog_8_tooth solid />
<Heroicons.cog_8_tooth mini />
<Heroicons.cog_8_tooth outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the command_line
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.command_line />
<Heroicons.command_line class="w-4 h-4" />
<Heroicons.command_line solid />
<Heroicons.command_line mini />
<Heroicons.command_line outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the computer_desktop
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.computer_desktop />
<Heroicons.computer_desktop class="w-4 h-4" />
<Heroicons.computer_desktop solid />
<Heroicons.computer_desktop mini />
<Heroicons.computer_desktop outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cpu_chip
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cpu_chip />
<Heroicons.cpu_chip class="w-4 h-4" />
<Heroicons.cpu_chip solid />
<Heroicons.cpu_chip mini />
<Heroicons.cpu_chip outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the credit_card
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.credit_card />
<Heroicons.credit_card class="w-4 h-4" />
<Heroicons.credit_card solid />
<Heroicons.credit_card mini />
<Heroicons.credit_card outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cube
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cube />
<Heroicons.cube class="w-4 h-4" />
<Heroicons.cube solid />
<Heroicons.cube mini />
<Heroicons.cube outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cube_transparent
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cube_transparent />
<Heroicons.cube_transparent class="w-4 h-4" />
<Heroicons.cube_transparent solid />
<Heroicons.cube_transparent mini />
<Heroicons.cube_transparent outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the currency_bangladeshi
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.currency_bangladeshi />
<Heroicons.currency_bangladeshi class="w-4 h-4" />
<Heroicons.currency_bangladeshi solid />
<Heroicons.currency_bangladeshi mini />
<Heroicons.currency_bangladeshi outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the currency_dollar
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.currency_dollar />
<Heroicons.currency_dollar class="w-4 h-4" />
<Heroicons.currency_dollar solid />
<Heroicons.currency_dollar mini />
<Heroicons.currency_dollar outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the currency_euro
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.currency_euro />
<Heroicons.currency_euro class="w-4 h-4" />
<Heroicons.currency_euro solid />
<Heroicons.currency_euro mini />
<Heroicons.currency_euro outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the currency_pound
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.currency_pound />
<Heroicons.currency_pound class="w-4 h-4" />
<Heroicons.currency_pound solid />
<Heroicons.currency_pound mini />
<Heroicons.currency_pound outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the currency_rupee
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.currency_rupee />
<Heroicons.currency_rupee class="w-4 h-4" />
<Heroicons.currency_rupee solid />
<Heroicons.currency_rupee mini />
<Heroicons.currency_rupee outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the currency_yen
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.currency_yen />
<Heroicons.currency_yen class="w-4 h-4" />
<Heroicons.currency_yen solid />
<Heroicons.currency_yen mini />
<Heroicons.currency_yen outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cursor_arrow_rays
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cursor_arrow_rays />
<Heroicons.cursor_arrow_rays class="w-4 h-4" />
<Heroicons.cursor_arrow_rays solid />
<Heroicons.cursor_arrow_rays mini />
<Heroicons.cursor_arrow_rays outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the cursor_arrow_ripple
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.cursor_arrow_ripple />
<Heroicons.cursor_arrow_ripple class="w-4 h-4" />
<Heroicons.cursor_arrow_ripple solid />
<Heroicons.cursor_arrow_ripple mini />
<Heroicons.cursor_arrow_ripple outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the device_phone_mobile
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.device_phone_mobile />
<Heroicons.device_phone_mobile class="w-4 h-4" />
<Heroicons.device_phone_mobile solid />
<Heroicons.device_phone_mobile mini />
<Heroicons.device_phone_mobile outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the device_tablet
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.device_tablet />
<Heroicons.device_tablet class="w-4 h-4" />
<Heroicons.device_tablet solid />
<Heroicons.device_tablet mini />
<Heroicons.device_tablet outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document />
<Heroicons.document class="w-4 h-4" />
<Heroicons.document solid />
<Heroicons.document mini />
<Heroicons.document outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_arrow_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_arrow_down />
<Heroicons.document_arrow_down class="w-4 h-4" />
<Heroicons.document_arrow_down solid />
<Heroicons.document_arrow_down mini />
<Heroicons.document_arrow_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_arrow_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_arrow_up />
<Heroicons.document_arrow_up class="w-4 h-4" />
<Heroicons.document_arrow_up solid />
<Heroicons.document_arrow_up mini />
<Heroicons.document_arrow_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_chart_bar
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_chart_bar />
<Heroicons.document_chart_bar class="w-4 h-4" />
<Heroicons.document_chart_bar solid />
<Heroicons.document_chart_bar mini />
<Heroicons.document_chart_bar outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_check
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_check />
<Heroicons.document_check class="w-4 h-4" />
<Heroicons.document_check solid />
<Heroicons.document_check mini />
<Heroicons.document_check outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_duplicate
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_duplicate />
<Heroicons.document_duplicate class="w-4 h-4" />
<Heroicons.document_duplicate solid />
<Heroicons.document_duplicate mini />
<Heroicons.document_duplicate outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_magnifying_glass
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_magnifying_glass />
<Heroicons.document_magnifying_glass class="w-4 h-4" />
<Heroicons.document_magnifying_glass solid />
<Heroicons.document_magnifying_glass mini />
<Heroicons.document_magnifying_glass outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_minus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_minus />
<Heroicons.document_minus class="w-4 h-4" />
<Heroicons.document_minus solid />
<Heroicons.document_minus mini />
<Heroicons.document_minus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_plus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_plus />
<Heroicons.document_plus class="w-4 h-4" />
<Heroicons.document_plus solid />
<Heroicons.document_plus mini />
<Heroicons.document_plus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the document_text
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.document_text />
<Heroicons.document_text class="w-4 h-4" />
<Heroicons.document_text solid />
<Heroicons.document_text mini />
<Heroicons.document_text outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the ellipsis_horizontal
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.ellipsis_horizontal />
<Heroicons.ellipsis_horizontal class="w-4 h-4" />
<Heroicons.ellipsis_horizontal solid />
<Heroicons.ellipsis_horizontal mini />
<Heroicons.ellipsis_horizontal outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the ellipsis_horizontal_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.ellipsis_horizontal_circle />
<Heroicons.ellipsis_horizontal_circle class="w-4 h-4" />
<Heroicons.ellipsis_horizontal_circle solid />
<Heroicons.ellipsis_horizontal_circle mini />
<Heroicons.ellipsis_horizontal_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the ellipsis_vertical
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.ellipsis_vertical />
<Heroicons.ellipsis_vertical class="w-4 h-4" />
<Heroicons.ellipsis_vertical solid />
<Heroicons.ellipsis_vertical mini />
<Heroicons.ellipsis_vertical outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the envelope
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.envelope />
<Heroicons.envelope class="w-4 h-4" />
<Heroicons.envelope solid />
<Heroicons.envelope mini />
<Heroicons.envelope outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the envelope_open
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.envelope_open />
<Heroicons.envelope_open class="w-4 h-4" />
<Heroicons.envelope_open solid />
<Heroicons.envelope_open mini />
<Heroicons.envelope_open outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the exclamation_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.exclamation_circle />
<Heroicons.exclamation_circle class="w-4 h-4" />
<Heroicons.exclamation_circle solid />
<Heroicons.exclamation_circle mini />
<Heroicons.exclamation_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the exclamation_triangle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.exclamation_triangle />
<Heroicons.exclamation_triangle class="w-4 h-4" />
<Heroicons.exclamation_triangle solid />
<Heroicons.exclamation_triangle mini />
<Heroicons.exclamation_triangle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the eye
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.eye />
<Heroicons.eye class="w-4 h-4" />
<Heroicons.eye solid />
<Heroicons.eye mini />
<Heroicons.eye outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the eye_dropper
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.eye_dropper />
<Heroicons.eye_dropper class="w-4 h-4" />
<Heroicons.eye_dropper solid />
<Heroicons.eye_dropper mini />
<Heroicons.eye_dropper outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the eye_slash
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.eye_slash />
<Heroicons.eye_slash class="w-4 h-4" />
<Heroicons.eye_slash solid />
<Heroicons.eye_slash mini />
<Heroicons.eye_slash outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the face_frown
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.face_frown />
<Heroicons.face_frown class="w-4 h-4" />
<Heroicons.face_frown solid />
<Heroicons.face_frown mini />
<Heroicons.face_frown outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the face_smile
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.face_smile />
<Heroicons.face_smile class="w-4 h-4" />
<Heroicons.face_smile solid />
<Heroicons.face_smile mini />
<Heroicons.face_smile outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the film
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.film />
<Heroicons.film class="w-4 h-4" />
<Heroicons.film solid />
<Heroicons.film mini />
<Heroicons.film outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the finger_print
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.finger_print />
<Heroicons.finger_print class="w-4 h-4" />
<Heroicons.finger_print solid />
<Heroicons.finger_print mini />
<Heroicons.finger_print outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the fire
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.fire />
<Heroicons.fire class="w-4 h-4" />
<Heroicons.fire solid />
<Heroicons.fire mini />
<Heroicons.fire outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the flag
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.flag />
<Heroicons.flag class="w-4 h-4" />
<Heroicons.flag solid />
<Heroicons.flag mini />
<Heroicons.flag outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the folder
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.folder />
<Heroicons.folder class="w-4 h-4" />
<Heroicons.folder solid />
<Heroicons.folder mini />
<Heroicons.folder outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the folder_arrow_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.folder_arrow_down />
<Heroicons.folder_arrow_down class="w-4 h-4" />
<Heroicons.folder_arrow_down solid />
<Heroicons.folder_arrow_down mini />
<Heroicons.folder_arrow_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the folder_minus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.folder_minus />
<Heroicons.folder_minus class="w-4 h-4" />
<Heroicons.folder_minus solid />
<Heroicons.folder_minus mini />
<Heroicons.folder_minus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the folder_open
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.folder_open />
<Heroicons.folder_open class="w-4 h-4" />
<Heroicons.folder_open solid />
<Heroicons.folder_open mini />
<Heroicons.folder_open outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the folder_plus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.folder_plus />
<Heroicons.folder_plus class="w-4 h-4" />
<Heroicons.folder_plus solid />
<Heroicons.folder_plus mini />
<Heroicons.folder_plus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the forward
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.forward />
<Heroicons.forward class="w-4 h-4" />
<Heroicons.forward solid />
<Heroicons.forward mini />
<Heroicons.forward outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the funnel
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.funnel />
<Heroicons.funnel class="w-4 h-4" />
<Heroicons.funnel solid />
<Heroicons.funnel mini />
<Heroicons.funnel outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the gif
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.gif />
<Heroicons.gif class="w-4 h-4" />
<Heroicons.gif solid />
<Heroicons.gif mini />
<Heroicons.gif outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the gift
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.gift />
<Heroicons.gift class="w-4 h-4" />
<Heroicons.gift solid />
<Heroicons.gift mini />
<Heroicons.gift outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the gift_top
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.gift_top />
<Heroicons.gift_top class="w-4 h-4" />
<Heroicons.gift_top solid />
<Heroicons.gift_top mini />
<Heroicons.gift_top outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the globe_alt
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.globe_alt />
<Heroicons.globe_alt class="w-4 h-4" />
<Heroicons.globe_alt solid />
<Heroicons.globe_alt mini />
<Heroicons.globe_alt outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the globe_americas
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.globe_americas />
<Heroicons.globe_americas class="w-4 h-4" />
<Heroicons.globe_americas solid />
<Heroicons.globe_americas mini />
<Heroicons.globe_americas outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the globe_asia_australia
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.globe_asia_australia />
<Heroicons.globe_asia_australia class="w-4 h-4" />
<Heroicons.globe_asia_australia solid />
<Heroicons.globe_asia_australia mini />
<Heroicons.globe_asia_australia outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the globe_europe_africa
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.globe_europe_africa />
<Heroicons.globe_europe_africa class="w-4 h-4" />
<Heroicons.globe_europe_africa solid />
<Heroicons.globe_europe_africa mini />
<Heroicons.globe_europe_africa outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the hand_raised
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.hand_raised />
<Heroicons.hand_raised class="w-4 h-4" />
<Heroicons.hand_raised solid />
<Heroicons.hand_raised mini />
<Heroicons.hand_raised outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the hand_thumb_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.hand_thumb_down />
<Heroicons.hand_thumb_down class="w-4 h-4" />
<Heroicons.hand_thumb_down solid />
<Heroicons.hand_thumb_down mini />
<Heroicons.hand_thumb_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the hand_thumb_up
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.hand_thumb_up />
<Heroicons.hand_thumb_up class="w-4 h-4" />
<Heroicons.hand_thumb_up solid />
<Heroicons.hand_thumb_up mini />
<Heroicons.hand_thumb_up outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the hashtag
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.hashtag />
<Heroicons.hashtag class="w-4 h-4" />
<Heroicons.hashtag solid />
<Heroicons.hashtag mini />
<Heroicons.hashtag outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the heart
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.heart />
<Heroicons.heart class="w-4 h-4" />
<Heroicons.heart solid />
<Heroicons.heart mini />
<Heroicons.heart outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the home
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.home />
<Heroicons.home class="w-4 h-4" />
<Heroicons.home solid />
<Heroicons.home mini />
<Heroicons.home outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the home_modern
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.home_modern />
<Heroicons.home_modern class="w-4 h-4" />
<Heroicons.home_modern solid />
<Heroicons.home_modern mini />
<Heroicons.home_modern outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the identification
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.identification />
<Heroicons.identification class="w-4 h-4" />
<Heroicons.identification solid />
<Heroicons.identification mini />
<Heroicons.identification outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the inbox
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.inbox />
<Heroicons.inbox class="w-4 h-4" />
<Heroicons.inbox solid />
<Heroicons.inbox mini />
<Heroicons.inbox outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the inbox_arrow_down
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.inbox_arrow_down />
<Heroicons.inbox_arrow_down class="w-4 h-4" />
<Heroicons.inbox_arrow_down solid />
<Heroicons.inbox_arrow_down mini />
<Heroicons.inbox_arrow_down outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the inbox_stack
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.inbox_stack />
<Heroicons.inbox_stack class="w-4 h-4" />
<Heroicons.inbox_stack solid />
<Heroicons.inbox_stack mini />
<Heroicons.inbox_stack outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the information_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.information_circle />
<Heroicons.information_circle class="w-4 h-4" />
<Heroicons.information_circle solid />
<Heroicons.information_circle mini />
<Heroicons.information_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the key
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.key />
<Heroicons.key class="w-4 h-4" />
<Heroicons.key solid />
<Heroicons.key mini />
<Heroicons.key outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the language
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.language />
<Heroicons.language class="w-4 h-4" />
<Heroicons.language solid />
<Heroicons.language mini />
<Heroicons.language outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the lifebuoy
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.lifebuoy />
<Heroicons.lifebuoy class="w-4 h-4" />
<Heroicons.lifebuoy solid />
<Heroicons.lifebuoy mini />
<Heroicons.lifebuoy outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the light_bulb
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.light_bulb />
<Heroicons.light_bulb class="w-4 h-4" />
<Heroicons.light_bulb solid />
<Heroicons.light_bulb mini />
<Heroicons.light_bulb outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the link
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.link />
<Heroicons.link class="w-4 h-4" />
<Heroicons.link solid />
<Heroicons.link mini />
<Heroicons.link outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the list_bullet
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.list_bullet />
<Heroicons.list_bullet class="w-4 h-4" />
<Heroicons.list_bullet solid />
<Heroicons.list_bullet mini />
<Heroicons.list_bullet outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the lock_closed
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.lock_closed />
<Heroicons.lock_closed class="w-4 h-4" />
<Heroicons.lock_closed solid />
<Heroicons.lock_closed mini />
<Heroicons.lock_closed outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the lock_open
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.lock_open />
<Heroicons.lock_open class="w-4 h-4" />
<Heroicons.lock_open solid />
<Heroicons.lock_open mini />
<Heroicons.lock_open outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the magnifying_glass
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.magnifying_glass />
<Heroicons.magnifying_glass class="w-4 h-4" />
<Heroicons.magnifying_glass solid />
<Heroicons.magnifying_glass mini />
<Heroicons.magnifying_glass outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the magnifying_glass_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.magnifying_glass_circle />
<Heroicons.magnifying_glass_circle class="w-4 h-4" />
<Heroicons.magnifying_glass_circle solid />
<Heroicons.magnifying_glass_circle mini />
<Heroicons.magnifying_glass_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the magnifying_glass_minus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.magnifying_glass_minus />
<Heroicons.magnifying_glass_minus class="w-4 h-4" />
<Heroicons.magnifying_glass_minus solid />
<Heroicons.magnifying_glass_minus mini />
<Heroicons.magnifying_glass_minus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the magnifying_glass_plus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.magnifying_glass_plus />
<Heroicons.magnifying_glass_plus class="w-4 h-4" />
<Heroicons.magnifying_glass_plus solid />
<Heroicons.magnifying_glass_plus mini />
<Heroicons.magnifying_glass_plus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the map
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.map />
<Heroicons.map class="w-4 h-4" />
<Heroicons.map solid />
<Heroicons.map mini />
<Heroicons.map outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the map_pin
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.map_pin />
<Heroicons.map_pin class="w-4 h-4" />
<Heroicons.map_pin solid />
<Heroicons.map_pin mini />
<Heroicons.map_pin outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the megaphone
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.megaphone />
<Heroicons.megaphone class="w-4 h-4" />
<Heroicons.megaphone solid />
<Heroicons.megaphone mini />
<Heroicons.megaphone outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the microphone
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.microphone />
<Heroicons.microphone class="w-4 h-4" />
<Heroicons.microphone solid />
<Heroicons.microphone mini />
<Heroicons.microphone outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the minus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.minus />
<Heroicons.minus class="w-4 h-4" />
<Heroicons.minus solid />
<Heroicons.minus mini />
<Heroicons.minus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the minus_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.minus_circle />
<Heroicons.minus_circle class="w-4 h-4" />
<Heroicons.minus_circle solid />
<Heroicons.minus_circle mini />
<Heroicons.minus_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the minus_small
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.minus_small />
<Heroicons.minus_small class="w-4 h-4" />
<Heroicons.minus_small solid />
<Heroicons.minus_small mini />
<Heroicons.minus_small outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the moon
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.moon />
<Heroicons.moon class="w-4 h-4" />
<Heroicons.moon solid />
<Heroicons.moon mini />
<Heroicons.moon outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the musical_note
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.musical_note />
<Heroicons.musical_note class="w-4 h-4" />
<Heroicons.musical_note solid />
<Heroicons.musical_note mini />
<Heroicons.musical_note outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the newspaper
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.newspaper />
<Heroicons.newspaper class="w-4 h-4" />
<Heroicons.newspaper solid />
<Heroicons.newspaper mini />
<Heroicons.newspaper outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the no_symbol
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.no_symbol />
<Heroicons.no_symbol class="w-4 h-4" />
<Heroicons.no_symbol solid />
<Heroicons.no_symbol mini />
<Heroicons.no_symbol outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the paint_brush
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.paint_brush />
<Heroicons.paint_brush class="w-4 h-4" />
<Heroicons.paint_brush solid />
<Heroicons.paint_brush mini />
<Heroicons.paint_brush outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the paper_airplane
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.paper_airplane />
<Heroicons.paper_airplane class="w-4 h-4" />
<Heroicons.paper_airplane solid />
<Heroicons.paper_airplane mini />
<Heroicons.paper_airplane outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the paper_clip
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.paper_clip />
<Heroicons.paper_clip class="w-4 h-4" />
<Heroicons.paper_clip solid />
<Heroicons.paper_clip mini />
<Heroicons.paper_clip outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the pause
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.pause />
<Heroicons.pause class="w-4 h-4" />
<Heroicons.pause solid />
<Heroicons.pause mini />
<Heroicons.pause outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the pause_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.pause_circle />
<Heroicons.pause_circle class="w-4 h-4" />
<Heroicons.pause_circle solid />
<Heroicons.pause_circle mini />
<Heroicons.pause_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the pencil
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.pencil />
<Heroicons.pencil class="w-4 h-4" />
<Heroicons.pencil solid />
<Heroicons.pencil mini />
<Heroicons.pencil outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the pencil_square
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.pencil_square />
<Heroicons.pencil_square class="w-4 h-4" />
<Heroicons.pencil_square solid />
<Heroicons.pencil_square mini />
<Heroicons.pencil_square outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the phone
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.phone />
<Heroicons.phone class="w-4 h-4" />
<Heroicons.phone solid />
<Heroicons.phone mini />
<Heroicons.phone outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the phone_arrow_down_left
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.phone_arrow_down_left />
<Heroicons.phone_arrow_down_left class="w-4 h-4" />
<Heroicons.phone_arrow_down_left solid />
<Heroicons.phone_arrow_down_left mini />
<Heroicons.phone_arrow_down_left outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the phone_arrow_up_right
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.phone_arrow_up_right />
<Heroicons.phone_arrow_up_right class="w-4 h-4" />
<Heroicons.phone_arrow_up_right solid />
<Heroicons.phone_arrow_up_right mini />
<Heroicons.phone_arrow_up_right outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the phone_x_mark
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.phone_x_mark />
<Heroicons.phone_x_mark class="w-4 h-4" />
<Heroicons.phone_x_mark solid />
<Heroicons.phone_x_mark mini />
<Heroicons.phone_x_mark outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the photo
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.photo />
<Heroicons.photo class="w-4 h-4" />
<Heroicons.photo solid />
<Heroicons.photo mini />
<Heroicons.photo outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the play
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.play />
<Heroicons.play class="w-4 h-4" />
<Heroicons.play solid />
<Heroicons.play mini />
<Heroicons.play outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the play_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.play_circle />
<Heroicons.play_circle class="w-4 h-4" />
<Heroicons.play_circle solid />
<Heroicons.play_circle mini />
<Heroicons.play_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the play_pause
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.play_pause />
<Heroicons.play_pause class="w-4 h-4" />
<Heroicons.play_pause solid />
<Heroicons.play_pause mini />
<Heroicons.play_pause outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the plus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.plus />
<Heroicons.plus class="w-4 h-4" />
<Heroicons.plus solid />
<Heroicons.plus mini />
<Heroicons.plus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the plus_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.plus_circle />
<Heroicons.plus_circle class="w-4 h-4" />
<Heroicons.plus_circle solid />
<Heroicons.plus_circle mini />
<Heroicons.plus_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the plus_small
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.plus_small />
<Heroicons.plus_small class="w-4 h-4" />
<Heroicons.plus_small solid />
<Heroicons.plus_small mini />
<Heroicons.plus_small outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the power
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.power />
<Heroicons.power class="w-4 h-4" />
<Heroicons.power solid />
<Heroicons.power mini />
<Heroicons.power outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the presentation_chart_bar
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.presentation_chart_bar />
<Heroicons.presentation_chart_bar class="w-4 h-4" />
<Heroicons.presentation_chart_bar solid />
<Heroicons.presentation_chart_bar mini />
<Heroicons.presentation_chart_bar outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the presentation_chart_line
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.presentation_chart_line />
<Heroicons.presentation_chart_line class="w-4 h-4" />
<Heroicons.presentation_chart_line solid />
<Heroicons.presentation_chart_line mini />
<Heroicons.presentation_chart_line outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the printer
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.printer />
<Heroicons.printer class="w-4 h-4" />
<Heroicons.printer solid />
<Heroicons.printer mini />
<Heroicons.printer outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the puzzle_piece
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.puzzle_piece />
<Heroicons.puzzle_piece class="w-4 h-4" />
<Heroicons.puzzle_piece solid />
<Heroicons.puzzle_piece mini />
<Heroicons.puzzle_piece outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the qr_code
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.qr_code />
<Heroicons.qr_code class="w-4 h-4" />
<Heroicons.qr_code solid />
<Heroicons.qr_code mini />
<Heroicons.qr_code outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the question_mark_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.question_mark_circle />
<Heroicons.question_mark_circle class="w-4 h-4" />
<Heroicons.question_mark_circle solid />
<Heroicons.question_mark_circle mini />
<Heroicons.question_mark_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the queue_list
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.queue_list />
<Heroicons.queue_list class="w-4 h-4" />
<Heroicons.queue_list solid />
<Heroicons.queue_list mini />
<Heroicons.queue_list outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the radio
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.radio />
<Heroicons.radio class="w-4 h-4" />
<Heroicons.radio solid />
<Heroicons.radio mini />
<Heroicons.radio outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the receipt_percent
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.receipt_percent />
<Heroicons.receipt_percent class="w-4 h-4" />
<Heroicons.receipt_percent solid />
<Heroicons.receipt_percent mini />
<Heroicons.receipt_percent outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the receipt_refund
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.receipt_refund />
<Heroicons.receipt_refund class="w-4 h-4" />
<Heroicons.receipt_refund solid />
<Heroicons.receipt_refund mini />
<Heroicons.receipt_refund outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the rectangle_group
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.rectangle_group />
<Heroicons.rectangle_group class="w-4 h-4" />
<Heroicons.rectangle_group solid />
<Heroicons.rectangle_group mini />
<Heroicons.rectangle_group outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the rectangle_stack
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.rectangle_stack />
<Heroicons.rectangle_stack class="w-4 h-4" />
<Heroicons.rectangle_stack solid />
<Heroicons.rectangle_stack mini />
<Heroicons.rectangle_stack outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the rocket_launch
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.rocket_launch />
<Heroicons.rocket_launch class="w-4 h-4" />
<Heroicons.rocket_launch solid />
<Heroicons.rocket_launch mini />
<Heroicons.rocket_launch outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the rss
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.rss />
<Heroicons.rss class="w-4 h-4" />
<Heroicons.rss solid />
<Heroicons.rss mini />
<Heroicons.rss outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the scale
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.scale />
<Heroicons.scale class="w-4 h-4" />
<Heroicons.scale solid />
<Heroicons.scale mini />
<Heroicons.scale outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the scissors
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.scissors />
<Heroicons.scissors class="w-4 h-4" />
<Heroicons.scissors solid />
<Heroicons.scissors mini />
<Heroicons.scissors outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the server
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.server />
<Heroicons.server class="w-4 h-4" />
<Heroicons.server solid />
<Heroicons.server mini />
<Heroicons.server outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the server_stack
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.server_stack />
<Heroicons.server_stack class="w-4 h-4" />
<Heroicons.server_stack solid />
<Heroicons.server_stack mini />
<Heroicons.server_stack outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the shield_check
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.shield_check />
<Heroicons.shield_check class="w-4 h-4" />
<Heroicons.shield_check solid />
<Heroicons.shield_check mini />
<Heroicons.shield_check outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the shield_exclamation
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.shield_exclamation />
<Heroicons.shield_exclamation class="w-4 h-4" />
<Heroicons.shield_exclamation solid />
<Heroicons.shield_exclamation mini />
<Heroicons.shield_exclamation outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the shopping_bag
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.shopping_bag />
<Heroicons.shopping_bag class="w-4 h-4" />
<Heroicons.shopping_bag solid />
<Heroicons.shopping_bag mini />
<Heroicons.shopping_bag outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the shopping_cart
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.shopping_cart />
<Heroicons.shopping_cart class="w-4 h-4" />
<Heroicons.shopping_cart solid />
<Heroicons.shopping_cart mini />
<Heroicons.shopping_cart outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the signal
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.signal />
<Heroicons.signal class="w-4 h-4" />
<Heroicons.signal solid />
<Heroicons.signal mini />
<Heroicons.signal outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the signal_slash
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.signal_slash />
<Heroicons.signal_slash class="w-4 h-4" />
<Heroicons.signal_slash solid />
<Heroicons.signal_slash mini />
<Heroicons.signal_slash outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the sparkles
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.sparkles />
<Heroicons.sparkles class="w-4 h-4" />
<Heroicons.sparkles solid />
<Heroicons.sparkles mini />
<Heroicons.sparkles outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the speaker_wave
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.speaker_wave />
<Heroicons.speaker_wave class="w-4 h-4" />
<Heroicons.speaker_wave solid />
<Heroicons.speaker_wave mini />
<Heroicons.speaker_wave outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the speaker_x_mark
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.speaker_x_mark />
<Heroicons.speaker_x_mark class="w-4 h-4" />
<Heroicons.speaker_x_mark solid />
<Heroicons.speaker_x_mark mini />
<Heroicons.speaker_x_mark outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the square_2_stack
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.square_2_stack />
<Heroicons.square_2_stack class="w-4 h-4" />
<Heroicons.square_2_stack solid />
<Heroicons.square_2_stack mini />
<Heroicons.square_2_stack outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the square_3_stack_3d
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.square_3_stack_3d />
<Heroicons.square_3_stack_3d class="w-4 h-4" />
<Heroicons.square_3_stack_3d solid />
<Heroicons.square_3_stack_3d mini />
<Heroicons.square_3_stack_3d outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the squares_2x2
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.squares_2x2 />
<Heroicons.squares_2x2 class="w-4 h-4" />
<Heroicons.squares_2x2 solid />
<Heroicons.squares_2x2 mini />
<Heroicons.squares_2x2 outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the squares_plus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.squares_plus />
<Heroicons.squares_plus class="w-4 h-4" />
<Heroicons.squares_plus solid />
<Heroicons.squares_plus mini />
<Heroicons.squares_plus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the star
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.star />
<Heroicons.star class="w-4 h-4" />
<Heroicons.star solid />
<Heroicons.star mini />
<Heroicons.star outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the stop
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.stop />
<Heroicons.stop class="w-4 h-4" />
<Heroicons.stop solid />
<Heroicons.stop mini />
<Heroicons.stop outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the stop_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.stop_circle />
<Heroicons.stop_circle class="w-4 h-4" />
<Heroicons.stop_circle solid />
<Heroicons.stop_circle mini />
<Heroicons.stop_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the sun
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.sun />
<Heroicons.sun class="w-4 h-4" />
<Heroicons.sun solid />
<Heroicons.sun mini />
<Heroicons.sun outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the swatch
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.swatch />
<Heroicons.swatch class="w-4 h-4" />
<Heroicons.swatch solid />
<Heroicons.swatch mini />
<Heroicons.swatch outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the table_cells
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.table_cells />
<Heroicons.table_cells class="w-4 h-4" />
<Heroicons.table_cells solid />
<Heroicons.table_cells mini />
<Heroicons.table_cells outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the tag
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.tag />
<Heroicons.tag class="w-4 h-4" />
<Heroicons.tag solid />
<Heroicons.tag mini />
<Heroicons.tag outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the ticket
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.ticket />
<Heroicons.ticket class="w-4 h-4" />
<Heroicons.ticket solid />
<Heroicons.ticket mini />
<Heroicons.ticket outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the trash
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.trash />
<Heroicons.trash class="w-4 h-4" />
<Heroicons.trash solid />
<Heroicons.trash mini />
<Heroicons.trash outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the trophy
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.trophy />
<Heroicons.trophy class="w-4 h-4" />
<Heroicons.trophy solid />
<Heroicons.trophy mini />
<Heroicons.trophy outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the truck
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.truck />
<Heroicons.truck class="w-4 h-4" />
<Heroicons.truck solid />
<Heroicons.truck mini />
<Heroicons.truck outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the tv
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.tv />
<Heroicons.tv class="w-4 h-4" />
<Heroicons.tv solid />
<Heroicons.tv mini />
<Heroicons.tv outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the user
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.user />
<Heroicons.user class="w-4 h-4" />
<Heroicons.user solid />
<Heroicons.user mini />
<Heroicons.user outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the user_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.user_circle />
<Heroicons.user_circle class="w-4 h-4" />
<Heroicons.user_circle solid />
<Heroicons.user_circle mini />
<Heroicons.user_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the user_group
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.user_group />
<Heroicons.user_group class="w-4 h-4" />
<Heroicons.user_group solid />
<Heroicons.user_group mini />
<Heroicons.user_group outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the user_minus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.user_minus />
<Heroicons.user_minus class="w-4 h-4" />
<Heroicons.user_minus solid />
<Heroicons.user_minus mini />
<Heroicons.user_minus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the user_plus
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.user_plus />
<Heroicons.user_plus class="w-4 h-4" />
<Heroicons.user_plus solid />
<Heroicons.user_plus mini />
<Heroicons.user_plus outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the users
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.users />
<Heroicons.users class="w-4 h-4" />
<Heroicons.users solid />
<Heroicons.users mini />
<Heroicons.users outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the variable
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.variable />
<Heroicons.variable class="w-4 h-4" />
<Heroicons.variable solid />
<Heroicons.variable mini />
<Heroicons.variable outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the video_camera
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.video_camera />
<Heroicons.video_camera class="w-4 h-4" />
<Heroicons.video_camera solid />
<Heroicons.video_camera mini />
<Heroicons.video_camera outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the video_camera_slash
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.video_camera_slash />
<Heroicons.video_camera_slash class="w-4 h-4" />
<Heroicons.video_camera_slash solid />
<Heroicons.video_camera_slash mini />
<Heroicons.video_camera_slash outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the view_columns
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.view_columns />
<Heroicons.view_columns class="w-4 h-4" />
<Heroicons.view_columns solid />
<Heroicons.view_columns mini />
<Heroicons.view_columns outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the viewfinder_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.viewfinder_circle />
<Heroicons.viewfinder_circle class="w-4 h-4" />
<Heroicons.viewfinder_circle solid />
<Heroicons.viewfinder_circle mini />
<Heroicons.viewfinder_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the wallet
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.wallet />
<Heroicons.wallet class="w-4 h-4" />
<Heroicons.wallet solid />
<Heroicons.wallet mini />
<Heroicons.wallet outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the wifi
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.wifi />
<Heroicons.wifi class="w-4 h-4" />
<Heroicons.wifi solid />
<Heroicons.wifi mini />
<Heroicons.wifi outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the window
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.window />
<Heroicons.window class="w-4 h-4" />
<Heroicons.window solid />
<Heroicons.window mini />
<Heroicons.window outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the wrench
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.wrench />
<Heroicons.wrench class="w-4 h-4" />
<Heroicons.wrench solid />
<Heroicons.wrench mini />
<Heroicons.wrench outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the wrench_screwdriver
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.wrench_screwdriver />
<Heroicons.wrench_screwdriver class="w-4 h-4" />
<Heroicons.wrench_screwdriver solid />
<Heroicons.wrench_screwdriver mini />
<Heroicons.wrench_screwdriver outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the x_circle
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.x_circle />
<Heroicons.x_circle class="w-4 h-4" />
<Heroicons.x_circle solid />
<Heroicons.x_circle mini />
<Heroicons.x_circle outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Renders the x_mark
icon.
By default, the outlined (24x24) component is used, but the solid
or mini
attributes can be provided for alternative styles.
You may also pass arbitrary HTML attributes to be applied to the svg tag.
examples
Examples
<Heroicons.x_mark />
<Heroicons.x_mark class="w-4 h-4" />
<Heroicons.x_mark solid />
<Heroicons.x_mark mini />
<Heroicons.x_mark outline />
attributes
Attributes
outline
(:boolean
) - Defaults totrue
.solid
(:boolean
) - Defaults tofalse
.mini
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.