Heroicons v1

Heroicons v1 is a set of free, MIT-licensed high-quality SVG icons for UI development, designed by the makers of Tailwind CSS.

License: MIT.

460 icons.

outline-academic-cap

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-academic-cap')

Rails helper usage:

heroicon!('outline-academic-cap')

outline-adjustments

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-adjustments')

Rails helper usage:

heroicon!('outline-adjustments')

outline-annotation

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-annotation')

Rails helper usage:

heroicon!('outline-annotation')

outline-archive

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-archive')

Rails helper usage:

heroicon!('outline-archive')

outline-arrow-circle-down

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-circle-down')

Rails helper usage:

heroicon!('outline-arrow-circle-down')

outline-arrow-circle-left

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-circle-left')

Rails helper usage:

heroicon!('outline-arrow-circle-left')

outline-arrow-circle-right

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-circle-right')

Rails helper usage:

heroicon!('outline-arrow-circle-right')

outline-arrow-circle-up

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-circle-up')

Rails helper usage:

heroicon!('outline-arrow-circle-up')

outline-arrow-down

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-down')

Rails helper usage:

heroicon!('outline-arrow-down')

outline-arrow-left

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-left')

Rails helper usage:

heroicon!('outline-arrow-left')

outline-arrow-narrow-down

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-narrow-down')

Rails helper usage:

heroicon!('outline-arrow-narrow-down')

outline-arrow-narrow-left

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-narrow-left')

Rails helper usage:

heroicon!('outline-arrow-narrow-left')

outline-arrow-narrow-right

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-narrow-right')

Rails helper usage:

heroicon!('outline-arrow-narrow-right')

outline-arrow-narrow-up

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-narrow-up')

Rails helper usage:

heroicon!('outline-arrow-narrow-up')

outline-arrow-right

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-right')

Rails helper usage:

heroicon!('outline-arrow-right')

outline-arrow-sm-down

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-sm-down')

Rails helper usage:

heroicon!('outline-arrow-sm-down')

outline-arrow-sm-left

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-sm-left')

Rails helper usage:

heroicon!('outline-arrow-sm-left')

outline-arrow-sm-right

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-sm-right')

Rails helper usage:

heroicon!('outline-arrow-sm-right')

outline-arrow-sm-up

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-sm-up')

Rails helper usage:

heroicon!('outline-arrow-sm-up')

outline-arrow-up

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrow-up')

Rails helper usage:

heroicon!('outline-arrow-up')

outline-arrows-expand

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-arrows-expand')

Rails helper usage:

heroicon!('outline-arrows-expand')

outline-at-symbol

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-at-symbol')

Rails helper usage:

heroicon!('outline-at-symbol')

outline-backspace

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-backspace')

Rails helper usage:

heroicon!('outline-backspace')

outline-badge-check

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-badge-check')

Rails helper usage:

heroicon!('outline-badge-check')

outline-ban

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-ban')

Rails helper usage:

heroicon!('outline-ban')

outline-beaker

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-beaker')

Rails helper usage:

heroicon!('outline-beaker')

outline-bell

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-bell')

Rails helper usage:

heroicon!('outline-bell')

outline-book-open

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-book-open')

Rails helper usage:

heroicon!('outline-book-open')

outline-bookmark-alt

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-bookmark-alt')

Rails helper usage:

heroicon!('outline-bookmark-alt')

outline-bookmark

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-bookmark')

Rails helper usage:

heroicon!('outline-bookmark')

outline-briefcase

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-briefcase')

Rails helper usage:

heroicon!('outline-briefcase')

outline-cake

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-cake')

Rails helper usage:

heroicon!('outline-cake')

outline-calculator

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-calculator')

Rails helper usage:

heroicon!('outline-calculator')

outline-calendar

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-calendar')

Rails helper usage:

heroicon!('outline-calendar')

outline-camera

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-camera')

Rails helper usage:

heroicon!('outline-camera')

outline-cash

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-cash')

Rails helper usage:

heroicon!('outline-cash')

outline-chart-bar

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chart-bar')

Rails helper usage:

heroicon!('outline-chart-bar')

outline-chart-pie

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chart-pie')

Rails helper usage:

heroicon!('outline-chart-pie')

outline-chart-square-bar

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chart-square-bar')

Rails helper usage:

heroicon!('outline-chart-square-bar')

outline-chat-alt-2

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chat-alt-2')

Rails helper usage:

heroicon!('outline-chat-alt-2')

outline-chat-alt

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chat-alt')

Rails helper usage:

heroicon!('outline-chat-alt')

outline-chat

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chat')

Rails helper usage:

heroicon!('outline-chat')

outline-check-circle

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-check-circle')

Rails helper usage:

heroicon!('outline-check-circle')

outline-check

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-check')

Rails helper usage:

heroicon!('outline-check')

outline-chevron-double-down

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chevron-double-down')

Rails helper usage:

heroicon!('outline-chevron-double-down')

outline-chevron-double-left

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chevron-double-left')

Rails helper usage:

heroicon!('outline-chevron-double-left')

outline-chevron-double-right

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chevron-double-right')

Rails helper usage:

heroicon!('outline-chevron-double-right')

outline-chevron-double-up

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chevron-double-up')

Rails helper usage:

heroicon!('outline-chevron-double-up')

outline-chevron-down

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chevron-down')

Rails helper usage:

heroicon!('outline-chevron-down')

outline-chevron-left

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chevron-left')

Rails helper usage:

heroicon!('outline-chevron-left')

outline-chevron-right

heroicons

Code Snippet

Standalone usage:

Rubicons::Heroicons.icon('outline-chevron-right')

Rails helper usage:

heroicon!('outline-chevron-right')