Renders the academic_cap icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the adjustments_horizontal icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the adjustments_vertical icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the archive_box icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the archive_box_arrow_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the archive_box_x_mark icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_down_circle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_down_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_down_on_square icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_down_on_square_stack icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_down_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_down_tray icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_left_circle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_left_end_on_rectangle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_left_on_rectangle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_left_start_on_rectangle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_long_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_long_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_long_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_long_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_path icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_path_rounded_square icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_right_circle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_right_end_on_rectangle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_right_on_rectangle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_right_start_on_rectangle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_small_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_small_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_small_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_small_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_top_right_on_square icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_trending_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_trending_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_up_circle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_up_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_up_on_square icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_up_on_square_stack icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_up_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_up_tray icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_uturn_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_uturn_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_uturn_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrow_uturn_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrows_pointing_in icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrows_pointing_out icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrows_right_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the arrows_up_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the at_symbol icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the backspace icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the backward icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the banknotes icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_2 icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_3 icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_3_bottom_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_3_bottom_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_3_center_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_4 icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_arrow_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bars_arrow_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the battery_0 icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the battery_50 icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the battery_100 icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the beaker icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bell icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bell_alert icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bell_slash icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bell_snooze icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bolt icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bolt_slash icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the book_open icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bookmark icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bookmark_slash icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bookmark_square icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the briefcase icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the bug_ant icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the building_library icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the building_office icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the building_office_2 icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the building_storefront icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cake icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the calculator icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the calendar icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the calendar_days icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the camera icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chart_bar icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chart_bar_square icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chart_pie icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chat_bubble_bottom_center icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chat_bubble_bottom_center_text icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chat_bubble_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chat_bubble_left_ellipsis icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chat_bubble_left_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chat_bubble_oval_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chat_bubble_oval_left_ellipsis icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the check icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the check_badge icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the check_circle icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_double_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_double_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_double_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_double_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_left icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_right icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the chevron_up_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the circle_stack icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the clipboard icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the clipboard_document icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the clipboard_document_check icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the clipboard_document_list icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the clock icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cloud icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cloud_arrow_down icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cloud_arrow_up icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the code_bracket icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the code_bracket_square icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cog icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cog_6_tooth icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cog_8_tooth icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the command_line icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the computer_desktop icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cpu_chip icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the credit_card icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cube icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the cube_transparent icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the currency_bangladeshi icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the currency_dollar icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the currency_euro icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the currency_pound icon.

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

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

Examples

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

Attributes

• outline (:boolean) - Defaults to true.
• solid (:boolean) - Defaults to false.
• mini (:boolean) - Defaults to false.
• micro (:boolean) - Defaults to false.
• Global attributes are accepted. the arbitrary HTML attributes for the svg container. Supports all globals plus: ["fill", "stroke", "stroke-width"].

Renders the currency_rupee icon.

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

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

Examples

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

Attributes