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')