Heroicons.Icon (heroiconex v2.1.0)
This module renders Heroicons of outline, solid, and mini types.
Every macro in this module accepts the following assigns:
name
- icon name. Valid names are found at this url.solid
- use solid fill 24x24 icon.outline
- use outline fill 24x24 icon (this is the default).mini
- use mini size (20x20) for elements like buttons, form elements.title
- when defined, include the title value in the SVG.class
- add class attribute to the SVG.rest
- other attributes to add to the SVG.
Example
~H"""
<Heroicons.Icon.academic_cap solid class="w-5 h-5"/>
<Heroicons.Icon.academic_cap solid title="Some title" class="w-5 h-5"/>
<Heroicons.Icon.academic_cap class="w-5 h-5"/>
<Heroicons.Icon.academic_cap outline title="Some title" class="w-5 h-5"/>
<Heroicons.Icon.academic-cap mini class="w-5 h-5"/>
<Heroicons.Icon.academic-cap mini title="Some title" class="w-5 h-5"/>
"""
Summary
Functions
Renders the academic-cap
icon.
Renders the adjustments-horizontal
icon.
Renders the adjustments-vertical
icon.
Renders the archive-box
icon.
Renders the archive-box-arrow-down
icon.
Renders the archive-box-x-mark
icon.
Renders the arrow-down
icon.
Renders the arrow-down-circle
icon.
Renders the arrow-down-left
icon.
Renders the arrow-down-on-square
icon.
Renders the arrow-down-on-square-stack
icon.
Renders the arrow-down-right
icon.
Renders the arrow-down-tray
icon.
Renders the arrow-left
icon.
Renders the arrow-left-circle
icon.
Renders the arrow-left-on-rectangle
icon.
Renders the arrow-long-down
icon.
Renders the arrow-long-left
icon.
Renders the arrow-long-right
icon.
Renders the arrow-long-up
icon.
Renders the arrow-path
icon.
Renders the arrow-path-rounded-square
icon.
Renders the arrow-right
icon.
Renders the arrow-right-circle
icon.
Renders the arrow-right-on-rectangle
icon.
Renders the arrow-small-down
icon.
Renders the arrow-small-left
icon.
Renders the arrow-small-right
icon.
Renders the arrow-small-up
icon.
Renders the arrow-top-right-on-square
icon.
Renders the arrow-trending-down
icon.
Renders the arrow-trending-up
icon.
Renders the arrow-up
icon.
Renders the arrow-up-circle
icon.
Renders the arrow-up-left
icon.
Renders the arrow-up-on-square
icon.
Renders the arrow-up-on-square-stack
icon.
Renders the arrow-up-right
icon.
Renders the arrow-up-tray
icon.
Renders the arrow-uturn-down
icon.
Renders the arrow-uturn-left
icon.
Renders the arrow-uturn-right
icon.
Renders the arrow-uturn-up
icon.
Renders the arrows-pointing-in
icon.
Renders the arrows-pointing-out
icon.
Renders the arrows-right-left
icon.
Renders the arrows-up-down
icon.
Renders the at-symbol
icon.
Renders the backspace
icon.
Renders the backward
icon.
Renders the banknotes
icon.
Renders the bars-2
icon.
Renders the bars-3
icon.
Renders the bars-3-bottom-left
icon.
Renders the bars-3-bottom-right
icon.
Renders the bars-3-center-left
icon.
Renders the bars-4
icon.
Renders the bars-arrow-down
icon.
Renders the bars-arrow-up
icon.
Renders the battery-0
icon.
Renders the battery-50
icon.
Renders the battery-100
icon.
Renders the beaker
icon.
Renders the bell
icon.
Renders the bell-alert
icon.
Renders the bell-slash
icon.
Renders the bell-snooze
icon.
Renders the bolt
icon.
Renders the bolt-slash
icon.
Renders the book-open
icon.
Renders the bookmark
icon.
Renders the bookmark-slash
icon.
Renders the bookmark-square
icon.
Renders the briefcase
icon.
Renders the bug-ant
icon.
Renders the building-library
icon.
Renders the building-office
icon.
Renders the building-office-2
icon.
Renders the building-storefront
icon.
Renders the cake
icon.
Renders the calculator
icon.
Renders the calendar
icon.
Renders the calendar-days
icon.
Renders the camera
icon.
Renders the chart-bar
icon.
Renders the chart-bar-square
icon.
Renders the chart-pie
icon.
Renders the chat-bubble-bottom-center
icon.
Renders the chat-bubble-bottom-center-text
icon.
Renders the chat-bubble-left
icon.
Renders the chat-bubble-left-ellipsis
icon.
Renders the chat-bubble-left-right
icon.
Renders the chat-bubble-oval-left
icon.
Renders the chat-bubble-oval-left-ellipsis
icon.
Renders the check
icon.
Renders the check-badge
icon.
Renders the check-circle
icon.
Renders the chevron-double-down
icon.
Renders the chevron-double-left
icon.
Renders the chevron-double-right
icon.
Renders the chevron-double-up
icon.
Renders the chevron-down
icon.
Renders the chevron-left
icon.
Renders the chevron-right
icon.
Renders the chevron-up
icon.
Renders the chevron-up-down
icon.
Renders the circle-stack
icon.
Renders the clipboard
icon.
Renders the clipboard-document
icon.
Renders the clipboard-document-check
icon.
Renders the clipboard-document-list
icon.
Renders the clock
icon.
Renders the cloud
icon.
Renders the cloud-arrow-down
icon.
Renders the cloud-arrow-up
icon.
Renders the code-bracket
icon.
Renders the code-bracket-square
icon.
Renders the cog
icon.
Renders the cog-6-tooth
icon.
Renders the cog-8-tooth
icon.
Renders the command-line
icon.
Renders the computer-desktop
icon.
Renders the cpu-chip
icon.
Renders the credit-card
icon.
Renders the cube
icon.
Renders the cube-transparent
icon.
Renders the currency-bangladeshi
icon.
Renders the currency-dollar
icon.
Renders the currency-euro
icon.
Renders the currency-pound
icon.
Renders the currency-rupee
icon.
Renders the currency-yen
icon.
Renders the cursor-arrow-rays
icon.
Renders the cursor-arrow-ripple
icon.
Renders the device-phone-mobile
icon.
Renders the device-tablet
icon.
Renders the document
icon.
Renders the document-arrow-down
icon.
Renders the document-arrow-up
icon.
Renders the document-chart-bar
icon.
Renders the document-check
icon.
Renders the document-duplicate
icon.
Renders the document-magnifying-glass
icon.
Renders the document-minus
icon.
Renders the document-plus
icon.
Renders the document-text
icon.
Renders the ellipsis-horizontal
icon.
Renders the ellipsis-horizontal-circle
icon.
Renders the ellipsis-vertical
icon.
Renders the envelope
icon.
Renders the envelope-open
icon.
Renders the exclamation-circle
icon.
Renders the exclamation-triangle
icon.
Renders the eye
icon.
Renders the eye-dropper
icon.
Renders the eye-slash
icon.
Renders the face-frown
icon.
Renders the face-smile
icon.
Renders the film
icon.
Renders the finger-print
icon.
Renders the fire
icon.
Renders the flag
icon.
Renders the folder
icon.
Renders the folder-arrow-down
icon.
Renders the folder-minus
icon.
Renders the folder-open
icon.
Renders the folder-plus
icon.
Renders the forward
icon.
Renders the funnel
icon.
Renders the gif
icon.
Renders the gift
icon.
Renders the gift-top
icon.
Renders the globe-alt
icon.
Renders the globe-americas
icon.
Renders the globe-asia-australia
icon.
Renders the globe-europe-africa
icon.
Renders the hand-raised
icon.
Renders the hand-thumb-down
icon.
Renders the hand-thumb-up
icon.
Renders the hashtag
icon.
Renders the heart
icon.
Renders the home
icon.
Renders the home-modern
icon.
Renders the identification
icon.
Renders the inbox
icon.
Renders the inbox-arrow-down
icon.
Renders the inbox-stack
icon.
Renders the information-circle
icon.
Renders the key
icon.
Renders the language
icon.
Renders the lifebuoy
icon.
Renders the light-bulb
icon.
Renders the link
icon.
Renders the list-bullet
icon.
Renders the lock-closed
icon.
Renders the lock-open
icon.
Renders the magnifying-glass
icon.
Renders the magnifying-glass-circle
icon.
Renders the magnifying-glass-minus
icon.
Renders the magnifying-glass-plus
icon.
Renders the map
icon.
Renders the map-pin
icon.
Renders the megaphone
icon.
Renders the microphone
icon.
Renders the minus
icon.
Renders the minus-circle
icon.
Renders the minus-small
icon.
Renders the moon
icon.
Renders the musical-note
icon.
Renders the newspaper
icon.
Renders the no-symbol
icon.
Renders the paint-brush
icon.
Renders the paper-airplane
icon.
Renders the paper-clip
icon.
Renders the pause
icon.
Renders the pause-circle
icon.
Renders the pencil
icon.
Renders the pencil-square
icon.
Renders the phone
icon.
Renders the phone-arrow-down-left
icon.
Renders the phone-arrow-up-right
icon.
Renders the phone-x-mark
icon.
Renders the photo
icon.
Renders the play
icon.
Renders the play-circle
icon.
Renders the play-pause
icon.
Renders the plus
icon.
Renders the plus-circle
icon.
Renders the plus-small
icon.
Renders the power
icon.
Renders the presentation-chart-bar
icon.
Renders the presentation-chart-line
icon.
Renders the printer
icon.
Renders the puzzle-piece
icon.
Renders the qr-code
icon.
Renders the question-mark-circle
icon.
Renders the queue-list
icon.
Renders the radio
icon.
Renders the receipt-percent
icon.
Renders the receipt-refund
icon.
Renders the rectangle-group
icon.
Renders the rectangle-stack
icon.
Renders the rocket-launch
icon.
Renders the rss
icon.
Renders the scale
icon.
Renders the scissors
icon.
Renders the server
icon.
Renders the server-stack
icon.
Renders the share
icon.
Renders the shield-check
icon.
Renders the shield-exclamation
icon.
Renders the shopping-bag
icon.
Renders the shopping-cart
icon.
Renders the signal
icon.
Renders the signal-slash
icon.
Renders the sparkles
icon.
Renders the speaker-wave
icon.
Renders the speaker-x-mark
icon.
Renders the square-2-stack
icon.
Renders the square-3-stack-3d
icon.
Renders the squares-2x2
icon.
Renders the squares-plus
icon.
Renders the star
icon.
Renders the stop
icon.
Renders the stop-circle
icon.
Renders the sun
icon.
Renders the swatch
icon.
Renders the table-cells
icon.
Renders the tag
icon.
Renders the ticket
icon.
Renders the trash
icon.
Renders the trophy
icon.
Renders the truck
icon.
Renders the tv
icon.
Renders the user
icon.
Renders the user-circle
icon.
Renders the user-group
icon.
Renders the user-minus
icon.
Renders the user-plus
icon.
Renders the users
icon.
Renders the variable
icon.
Renders the video-camera
icon.
Renders the video-camera-slash
icon.
Renders the view-columns
icon.
Renders the viewfinder-circle
icon.
Renders the wallet
icon.
Renders the wifi
icon.
Renders the window
icon.
Renders the wrench
icon.
Renders the wrench-screwdriver
icon.
Renders the x-circle
icon.
Renders the x-mark
icon.
Functions
Renders the academic-cap
icon.
Renders the adjustments-horizontal
icon.
Renders the adjustments-vertical
icon.
Renders the archive-box
icon.
Renders the archive-box-arrow-down
icon.
Renders the archive-box-x-mark
icon.
Renders the arrow-down
icon.
Renders the arrow-down-circle
icon.
Renders the arrow-down-left
icon.
Renders the arrow-down-on-square
icon.
Renders the arrow-down-on-square-stack
icon.
Renders the arrow-down-right
icon.
Renders the arrow-down-tray
icon.
Renders the arrow-left
icon.
Renders the arrow-left-circle
icon.
Renders the arrow-left-on-rectangle
icon.
Renders the arrow-long-down
icon.
Renders the arrow-long-left
icon.
Renders the arrow-long-right
icon.
Renders the arrow-long-up
icon.
Renders the arrow-path
icon.
Renders the arrow-path-rounded-square
icon.
Renders the arrow-right
icon.
Renders the arrow-right-circle
icon.
Renders the arrow-right-on-rectangle
icon.
Renders the arrow-small-down
icon.
Renders the arrow-small-left
icon.
Renders the arrow-small-right
icon.
Renders the arrow-small-up
icon.
Renders the arrow-top-right-on-square
icon.
Renders the arrow-trending-down
icon.
Renders the arrow-trending-up
icon.
Renders the arrow-up
icon.
Renders the arrow-up-circle
icon.
Renders the arrow-up-left
icon.
Renders the arrow-up-on-square
icon.
Renders the arrow-up-on-square-stack
icon.
Renders the arrow-up-right
icon.
Renders the arrow-up-tray
icon.
Renders the arrow-uturn-down
icon.
Renders the arrow-uturn-left
icon.
Renders the arrow-uturn-right
icon.
Renders the arrow-uturn-up
icon.
Renders the arrows-pointing-in
icon.
Renders the arrows-pointing-out
icon.
Renders the arrows-right-left
icon.
Renders the arrows-up-down
icon.
Renders the at-symbol
icon.
Renders the backspace
icon.
Renders the backward
icon.
Renders the banknotes
icon.
Renders the bars-2
icon.
Renders the bars-3
icon.
Renders the bars-3-bottom-left
icon.
Renders the bars-3-bottom-right
icon.
Renders the bars-3-center-left
icon.
Renders the bars-4
icon.
Renders the bars-arrow-down
icon.
Renders the bars-arrow-up
icon.
Renders the battery-0
icon.
Renders the battery-50
icon.
Renders the battery-100
icon.
Renders the beaker
icon.
Renders the bell
icon.
Renders the bell-alert
icon.
Renders the bell-slash
icon.
Renders the bell-snooze
icon.
Renders the bolt
icon.
Renders the bolt-slash
icon.
Renders the book-open
icon.
Renders the bookmark
icon.
Renders the bookmark-slash
icon.
Renders the bookmark-square
icon.
Renders the briefcase
icon.
Renders the bug-ant
icon.
Renders the building-library
icon.
Renders the building-office
icon.
Renders the building-office-2
icon.
Renders the building-storefront
icon.
Renders the cake
icon.
Renders the calculator
icon.
Renders the calendar
icon.
Renders the calendar-days
icon.
Renders the camera
icon.
Renders the chart-bar
icon.
Renders the chart-bar-square
icon.
Renders the chart-pie
icon.
Renders the chat-bubble-bottom-center
icon.
Renders the chat-bubble-bottom-center-text
icon.
Renders the chat-bubble-left
icon.
Renders the chat-bubble-left-ellipsis
icon.
Renders the chat-bubble-left-right
icon.
Renders the chat-bubble-oval-left
icon.
Renders the chat-bubble-oval-left-ellipsis
icon.
Renders the check
icon.
Renders the check-badge
icon.
Renders the check-circle
icon.
Renders the chevron-double-down
icon.
Renders the chevron-double-left
icon.
Renders the chevron-double-right
icon.
Renders the chevron-double-up
icon.
Renders the chevron-down
icon.
Renders the chevron-left
icon.
Renders the chevron-right
icon.
Renders the chevron-up
icon.
Renders the chevron-up-down
icon.
Renders the circle-stack
icon.
Renders the clipboard
icon.
Renders the clipboard-document
icon.
Renders the clipboard-document-check
icon.
Renders the clipboard-document-list
icon.
Renders the clock
icon.
Renders the cloud
icon.
Renders the cloud-arrow-down
icon.
Renders the cloud-arrow-up
icon.
Renders the code-bracket
icon.
Renders the code-bracket-square
icon.
Renders the cog
icon.
Renders the cog-6-tooth
icon.
Renders the cog-8-tooth
icon.
Renders the command-line
icon.
Renders the computer-desktop
icon.
Renders the cpu-chip
icon.
Renders the credit-card
icon.
Renders the cube
icon.
Renders the cube-transparent
icon.
Renders the currency-bangladeshi
icon.
Renders the currency-dollar
icon.
Renders the currency-euro
icon.
Renders the currency-pound
icon.
Renders the currency-rupee
icon.
Renders the currency-yen
icon.
Renders the cursor-arrow-rays
icon.
Renders the cursor-arrow-ripple
icon.
Renders the device-phone-mobile
icon.
Renders the device-tablet
icon.
Renders the document
icon.
Renders the document-arrow-down
icon.
Renders the document-arrow-up
icon.
Renders the document-chart-bar
icon.
Renders the document-check
icon.
Renders the document-duplicate
icon.
Renders the document-magnifying-glass
icon.
Renders the document-minus
icon.
Renders the document-plus
icon.
Renders the document-text
icon.
Renders the ellipsis-horizontal
icon.
Renders the ellipsis-horizontal-circle
icon.
Renders the ellipsis-vertical
icon.
Renders the envelope
icon.
Renders the envelope-open
icon.
Renders the exclamation-circle
icon.
Renders the exclamation-triangle
icon.
Renders the eye
icon.
Renders the eye-dropper
icon.
Renders the eye-slash
icon.
Renders the face-frown
icon.
Renders the face-smile
icon.
Renders the film
icon.
Renders the finger-print
icon.
Renders the fire
icon.
Renders the flag
icon.
Renders the folder
icon.
Renders the folder-arrow-down
icon.
Renders the folder-minus
icon.
Renders the folder-open
icon.
Renders the folder-plus
icon.
Renders the forward
icon.
Renders the funnel
icon.
Renders the gif
icon.
Renders the gift
icon.
Renders the gift-top
icon.
Renders the globe-alt
icon.
Renders the globe-americas
icon.
Renders the globe-asia-australia
icon.
Renders the globe-europe-africa
icon.
Renders the hand-raised
icon.
Renders the hand-thumb-down
icon.
Renders the hand-thumb-up
icon.
Renders the hashtag
icon.
Renders the heart
icon.
Renders the home
icon.
Renders the home-modern
icon.
Renders the identification
icon.
Renders the inbox
icon.
Renders the inbox-arrow-down
icon.
Renders the inbox-stack
icon.
Renders the information-circle
icon.
Renders the key
icon.
Renders the language
icon.
Renders the lifebuoy
icon.
Renders the light-bulb
icon.
Renders the link
icon.
Renders the list-bullet
icon.
Renders the lock-closed
icon.
Renders the lock-open
icon.
Renders the magnifying-glass
icon.
Renders the magnifying-glass-circle
icon.
Renders the magnifying-glass-minus
icon.
Renders the magnifying-glass-plus
icon.
Renders the map
icon.
Renders the map-pin
icon.
Renders the megaphone
icon.
Renders the microphone
icon.
Renders the minus
icon.
Renders the minus-circle
icon.
Renders the minus-small
icon.
Renders the moon
icon.
Renders the musical-note
icon.
Renders the newspaper
icon.
Renders the no-symbol
icon.
Renders the paint-brush
icon.
Renders the paper-airplane
icon.
Renders the paper-clip
icon.
Renders the pause
icon.
Renders the pause-circle
icon.
Renders the pencil
icon.
Renders the pencil-square
icon.
Renders the phone
icon.
Renders the phone-arrow-down-left
icon.
Renders the phone-arrow-up-right
icon.
Renders the phone-x-mark
icon.
Renders the photo
icon.
Renders the play
icon.
Renders the play-circle
icon.
Renders the play-pause
icon.
Renders the plus
icon.
Renders the plus-circle
icon.
Renders the plus-small
icon.
Renders the power
icon.
Renders the presentation-chart-bar
icon.
Renders the presentation-chart-line
icon.
Renders the printer
icon.
Renders the puzzle-piece
icon.
Renders the qr-code
icon.
Renders the question-mark-circle
icon.
Renders the queue-list
icon.
Renders the radio
icon.
Renders the receipt-percent
icon.
Renders the receipt-refund
icon.
Renders the rectangle-group
icon.
Renders the rectangle-stack
icon.
Renders the rocket-launch
icon.
Renders the rss
icon.
Renders the scale
icon.
Renders the scissors
icon.
Renders the server
icon.
Renders the server-stack
icon.
Renders the shield-check
icon.
Renders the shield-exclamation
icon.
Renders the shopping-bag
icon.
Renders the shopping-cart
icon.
Renders the signal
icon.
Renders the signal-slash
icon.
Renders the sparkles
icon.
Renders the speaker-wave
icon.
Renders the speaker-x-mark
icon.
Renders the square-2-stack
icon.
Renders the square-3-stack-3d
icon.
Renders the squares-2x2
icon.
Renders the squares-plus
icon.
Renders the star
icon.
Renders the stop
icon.
Renders the stop-circle
icon.
Renders the sun
icon.
Renders the swatch
icon.
Renders the table-cells
icon.
Renders the tag
icon.
Renders the ticket
icon.
Renders the trash
icon.
Renders the trophy
icon.
Renders the truck
icon.
Renders the tv
icon.
Renders the user
icon.
Renders the user-circle
icon.
Renders the user-group
icon.
Renders the user-minus
icon.
Renders the user-plus
icon.
Renders the users
icon.
Renders the variable
icon.
Renders the video-camera
icon.
Renders the video-camera-slash
icon.
Renders the view-columns
icon.
Renders the viewfinder-circle
icon.
Renders the wallet
icon.
Renders the wifi
icon.
Renders the window
icon.
Renders the wrench
icon.
Renders the wrench-screwdriver
icon.
Renders the x-circle
icon.
Renders the x-mark
icon.