Icons

Fastlife comes with a set of icons that comes from heroicons (MIT License - Copyright (c) Tailwind Labs, Inc.). You must install the extra dependency heroicons. This version is for the XComponent template engine.
For JinjaX, the doc does not build the icon wall, icons are generated templates, such as <icons.ArrowsUpDown>, available from the components directory.

Available icons, click to copy.

<Icon name="academic-cap" />

<Icon name="adjustments-horizontal" />

<Icon name="adjustments-vertical" />

<Icon name="archive-box-arrow-down" />

<Icon name="archive-box-x-mark" />

<Icon name="archive-box" />

<Icon name="arrow-down-circle" />

<Icon name="arrow-down-left" />

<Icon name="arrow-down-on-square-stack" />

<Icon name="arrow-down-on-square" />

<Icon name="arrow-down-right" />

<Icon name="arrow-down-tray" />

<Icon name="arrow-down" />

<Icon name="arrow-left-circle" />

<Icon name="arrow-left-end-on-rectangle" />

<Icon name="arrow-left-on-rectangle" />

<Icon name="arrow-left-start-on-rectangle" />

<Icon name="arrow-left" />

<Icon name="arrow-long-down" />

<Icon name="arrow-long-left" />

<Icon name="arrow-long-right" />

<Icon name="arrow-long-up" />

<Icon name="arrow-path-rounded-square" />

<Icon name="arrow-path" />

<Icon name="arrow-right-circle" />

<Icon name="arrow-right-end-on-rectangle" />

<Icon name="arrow-right-on-rectangle" />

<Icon name="arrow-right-start-on-rectangle" />

<Icon name="arrow-right" />

<Icon name="arrow-small-down" />

<Icon name="arrow-small-left" />

<Icon name="arrow-small-right" />

<Icon name="arrow-small-up" />

<Icon name="arrow-top-right-on-square" />

<Icon name="arrow-trending-down" />

<Icon name="arrow-trending-up" />

<Icon name="arrow-turn-down-left" />

<Icon name="arrow-turn-down-right" />

<Icon name="arrow-turn-left-down" />

<Icon name="arrow-turn-left-up" />

<Icon name="arrow-turn-right-down" />

<Icon name="arrow-turn-right-up" />

<Icon name="arrow-turn-up-left" />

<Icon name="arrow-turn-up-right" />

<Icon name="arrow-up-circle" />

<Icon name="arrow-up-left" />

<Icon name="arrow-up-on-square-stack" />

<Icon name="arrow-up-on-square" />

<Icon name="arrow-up-right" />

<Icon name="arrow-up-tray" />

<Icon name="arrow-up" />

<Icon name="arrow-uturn-down" />

<Icon name="arrow-uturn-left" />

<Icon name="arrow-uturn-right" />

<Icon name="arrow-uturn-up" />

<Icon name="arrows-pointing-in" />

<Icon name="arrows-pointing-out" />

<Icon name="arrows-right-left" />

<Icon name="arrows-up-down" />

<Icon name="at-symbol" />

<Icon name="backspace" />

<Icon name="backward" />

<Icon name="banknotes" />

<Icon name="bars-2" />

<Icon name="bars-3-bottom-left" />

<Icon name="bars-3-bottom-right" />

<Icon name="bars-3-center-left" />

<Icon name="bars-3" />

<Icon name="bars-4" />

<Icon name="bars-arrow-down" />

<Icon name="bars-arrow-up" />

<Icon name="battery-0" />

<Icon name="battery-100" />

<Icon name="battery-50" />

<Icon name="beaker" />

<Icon name="bell-alert" />

<Icon name="bell-slash" />

<Icon name="bell-snooze" />

<Icon name="bell" />

<Icon name="bold" />

<Icon name="bolt-slash" />

<Icon name="bolt" />

<Icon name="book-open" />

<Icon name="bookmark-slash" />

<Icon name="bookmark-square" />

<Icon name="bookmark" />

<Icon name="briefcase" />

<Icon name="bug-ant" />

<Icon name="building-library" />

<Icon name="building-office-2" />

<Icon name="building-office" />

<Icon name="building-storefront" />

<Icon name="cake" />

<Icon name="calculator" />

<Icon name="calendar-date-range" />

<Icon name="calendar-days" />

<Icon name="calendar" />

<Icon name="camera" />

<Icon name="chart-bar-square" />

<Icon name="chart-bar" />

<Icon name="chart-pie" />

<Icon name="chat-bubble-bottom-center-text" />

<Icon name="chat-bubble-bottom-center" />

<Icon name="chat-bubble-left-ellipsis" />

<Icon name="chat-bubble-left-right" />

<Icon name="chat-bubble-left" />

<Icon name="chat-bubble-oval-left-ellipsis" />

<Icon name="chat-bubble-oval-left" />

<Icon name="check-badge" />

<Icon name="check-circle" />

<Icon name="check" />

<Icon name="chevron-double-down" />

<Icon name="chevron-double-left" />

<Icon name="chevron-double-right" />

<Icon name="chevron-double-up" />

<Icon name="chevron-down" />

<Icon name="chevron-left" />

<Icon name="chevron-right" />

<Icon name="chevron-up-down" />

<Icon name="chevron-up" />

<Icon name="circle-stack" />

<Icon name="clipboard-document-check" />

<Icon name="clipboard-document-list" />

<Icon name="clipboard-document" />

<Icon name="clipboard" />

<Icon name="clock" />

<Icon name="cloud-arrow-down" />

<Icon name="cloud-arrow-up" />

<Icon name="cloud" />

<Icon name="code-bracket-square" />

<Icon name="code-bracket" />

<Icon name="cog-6-tooth" />

<Icon name="cog-8-tooth" />

<Icon name="cog" />

<Icon name="command-line" />

<Icon name="computer-desktop" />

<Icon name="cpu-chip" />

<Icon name="credit-card" />

<Icon name="cube-transparent" />

<Icon name="cube" />

<Icon name="currency-bangladeshi" />

<Icon name="currency-dollar" />

<Icon name="currency-euro" />

<Icon name="currency-pound" />

<Icon name="currency-rupee" />

<Icon name="currency-yen" />

<Icon name="cursor-arrow-rays" />

<Icon name="cursor-arrow-ripple" />

<Icon name="device-phone-mobile" />

<Icon name="device-tablet" />

<Icon name="divide" />

<Icon name="document-arrow-down" />

<Icon name="document-arrow-up" />

<Icon name="document-chart-bar" />

<Icon name="document-check" />

<Icon name="document-currency-bangladeshi" />

<Icon name="document-currency-dollar" />

<Icon name="document-currency-euro" />

<Icon name="document-currency-pound" />

<Icon name="document-currency-rupee" />

<Icon name="document-currency-yen" />

<Icon name="document-duplicate" />

<Icon name="document-magnifying-glass" />

<Icon name="document-minus" />

<Icon name="document-plus" />

<Icon name="document-text" />

<Icon name="document" />

<Icon name="ellipsis-horizontal-circle" />

<Icon name="ellipsis-horizontal" />

<Icon name="ellipsis-vertical" />

<Icon name="envelope-open" />

<Icon name="envelope" />

<Icon name="equals" />

<Icon name="exclamation-circle" />

<Icon name="exclamation-triangle" />

<Icon name="eye-dropper" />

<Icon name="eye-slash" />

<Icon name="eye" />

<Icon name="face-frown" />

<Icon name="face-smile" />

<Icon name="film" />

<Icon name="finger-print" />

<Icon name="fire" />

<Icon name="flag" />

<Icon name="folder-arrow-down" />

<Icon name="folder-minus" />

<Icon name="folder-open" />

<Icon name="folder-plus" />

<Icon name="folder" />

<Icon name="forward" />

<Icon name="funnel" />

<Icon name="gif" />

<Icon name="gift-top" />

<Icon name="gift" />

<Icon name="globe-alt" />

<Icon name="globe-americas" />

<Icon name="globe-asia-australia" />

<Icon name="globe-europe-africa" />

<Icon name="h1" />

<Icon name="h2" />

<Icon name="h3" />

<Icon name="hand-raised" />

<Icon name="hand-thumb-down" />

<Icon name="hand-thumb-up" />

<Icon name="hashtag" />

<Icon name="heart" />

<Icon name="home-modern" />

<Icon name="home" />

<Icon name="identification" />

<Icon name="inbox-arrow-down" />

<Icon name="inbox-stack" />

<Icon name="inbox" />

<Icon name="information-circle" />

<Icon name="italic" />

<Icon name="key" />

<Icon name="language" />

<Icon name="lifebuoy" />

<Icon name="light-bulb" />

<Icon name="link-slash" />

<Icon name="link" />

<Icon name="list-bullet" />

<Icon name="lock-closed" />

<Icon name="lock-open" />

<Icon name="magnifying-glass-circle" />

<Icon name="magnifying-glass-minus" />

<Icon name="magnifying-glass-plus" />

<Icon name="magnifying-glass" />

<Icon name="map-pin" />

<Icon name="map" />

<Icon name="megaphone" />

<Icon name="microphone" />

<Icon name="minus-circle" />

<Icon name="minus-small" />

<Icon name="minus" />

<Icon name="moon" />

<Icon name="musical-note" />

<Icon name="newspaper" />

<Icon name="no-symbol" />

<Icon name="numbered-list" />

<Icon name="paint-brush" />

<Icon name="paper-airplane" />

<Icon name="paper-clip" />

<Icon name="pause-circle" />

<Icon name="pause" />

<Icon name="pencil-square" />

<Icon name="pencil" />

<Icon name="percent-badge" />

<Icon name="phone-arrow-down-left" />

<Icon name="phone-arrow-up-right" />

<Icon name="phone-x-mark" />

<Icon name="phone" />

<Icon name="photo" />

<Icon name="play-circle" />

<Icon name="play-pause" />

<Icon name="play" />

<Icon name="plus-circle" />

<Icon name="plus-small" />

<Icon name="plus" />

<Icon name="power" />

<Icon name="presentation-chart-bar" />

<Icon name="presentation-chart-line" />

<Icon name="printer" />

<Icon name="puzzle-piece" />

<Icon name="qr-code" />

<Icon name="question-mark-circle" />

<Icon name="queue-list" />

<Icon name="radio" />

<Icon name="receipt-percent" />

<Icon name="receipt-refund" />

<Icon name="rectangle-group" />

<Icon name="rectangle-stack" />

<Icon name="rocket-launch" />

<Icon name="rss" />

<Icon name="scale" />

<Icon name="scissors" />

<Icon name="server-stack" />

<Icon name="server" />

<Icon name="share" />

<Icon name="shield-check" />

<Icon name="shield-exclamation" />

<Icon name="shopping-bag" />

<Icon name="shopping-cart" />

<Icon name="signal-slash" />

<Icon name="signal" />

<Icon name="slash" />

<Icon name="sparkles" />

<Icon name="speaker-wave" />

<Icon name="speaker-x-mark" />

<Icon name="square-2-stack" />

<Icon name="square-3-stack-3d" />

<Icon name="squares-2x2" />

<Icon name="squares-plus" />

<Icon name="star" />

<Icon name="stop-circle" />

<Icon name="stop" />

<Icon name="strikethrough" />

<Icon name="sun" />

<Icon name="swatch" />

<Icon name="table-cells" />

<Icon name="tag" />

<Icon name="ticket" />

<Icon name="trash" />

<Icon name="trophy" />

<Icon name="truck" />

<Icon name="tv" />

<Icon name="underline" />

<Icon name="user-circle" />

<Icon name="user-group" />

<Icon name="user-minus" />

<Icon name="user-plus" />

<Icon name="user" />

<Icon name="users" />

<Icon name="variable" />

<Icon name="video-camera-slash" />

<Icon name="video-camera" />

<Icon name="view-columns" />

<Icon name="viewfinder-circle" />

<Icon name="wallet" />

<Icon name="wifi" />

<Icon name="window" />

<Icon name="wrench-screwdriver" />

<Icon name="wrench" />

<Icon name="x-circle" />

<Icon name="x-mark" />