Fluid Topics icons - Fluid Topics

The Fluid Topics collection of icons is the following:

Use --ft-icon-font-size to set the size of the icon (for example, --ft-icon-font-size: 24px;).

Use an icon's hex code in CSS. For example:

#example::before {
    content: "\e802"; /* ADD_ALERT icon */
    font-family: "ft-icons";
}

Icon	Name	Hex code
	`ACCOUNT_SETTINGS`	`e943`
	`ADD_ALERT`	`e802`
	`ADD_BOOKMARK`	`e804`
	`ADD_TO_PBK`	`e800`
	`ADMIN_INTEGRATION`	`e93c`
	`ADMIN_KHUB`	`e910`
	`ADMIN_PORTAL`	`e94b`
	`ADMIN_RESTRICTED`	`e90e`
	`ADMIN_THEME`	`e911`
	`ADMIN_USERS`	`e912`
	`ADMIN`	`e90f`
	`ALERT`	`e801`
	`ALIGN_CENTER`	`e989`
	`ALIGN_LEFT`	`e98a`
	`ALIGN_RIGHT`	`e987`
	`ANALYTICS`	`e929`
	`ARROW_DOWN`	`e92b`
	`ARROW_LEFT`	`e92c`
	`ARROW_RIGHT_TO_LINE`	`e95d`
	`ARROW_RIGHT`	`e92d`
	`ARROW_ROTATE_LEFT`	`e9a4`
	`ARROW_ROTATE_RIGHT`	`e985`
	`ARROW_TURN_DOWN_RIGHT`	`e998`
	`ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER`	`e9a0`
	`ARROW_UP`	`e92e`
	`ARROWS_ROTATE`	`e986`
	`ARTICLE`	`e927`
	`ATTACHMENTS`	`e932`
	`BACK_TO_SEARCH`	`e803`
	`BARS_PROGRESS`	`e969`
	`BOLD`	`e98c`
	`BOOK_OPEN_GEAR_SLASH`	`e96b`
	`BOOK_OPEN_GEAR`	`e96a`
	`BOOK_PLAIN`	`e93f`
	`BOOK`	`e817`
	`BOOKMARK`	`e805`
	`BOOKS`	`e806`
	`CALENDAR_DAY`	`e980`
	`CALENDAR`	`e815`
	`CHART_BAR_GROUPED`	`e96f`
	`CHART_BAR_NORMALIZED`	`e97b`
	`CHART_BAR_STACKED`	`e96e`
	`CHART_SIMPLE`	`e968`
	`CHECK_PLAIN`	`e926`
	`CHECK`	`e819`
	`CIRCLE_QUESTION`	`e99c`
	`CIRCLE_STOP`	`e984`
	`CIRCLE_USER_CHECK`	`e994`
	`CIRCLE_USER_SLASH`	`e993`
	`CIRCLE`	`e903`
	`CLOCK`	`e97f`
	`CLONE_LINK_SIMPLE`	`e97a`
	`CLOCK_SOLID`	`e9a8`
	`CLONE`	`e979`
	`CLOSE_PLAIN`	`e925`
	`CLOSE`	`e909`
	`CODE`	`e99f`
	`COLLECTIONS`	`e92a`
	`COLUMNS`	`e928`
	`COMMENT_QUESTION_PLAIN`	`e966`
	`COMMENT_QUESTION`	`e965`
	`COMPRESS`	`e9a2`
	`COMPUTER_MOUSE_MAGNIFYING_GLASS`	`e981`
	`CONSUMER`	`e97c`
	`CONTEXT`	`e914`
	`CONTEXT_MENU_CURSOR`	`e9a9`
	`CONTEXTUAL`	`e95b`
	`COPY_TO_CLIPBOARD`	`e930`
	`DEFAULT_ROLES`	`e945`
	`DESKTOP`	`e95e`
	`DIAGRAM_SANKEY`	`e964`
	`DIAGRAM_SUNBURST`	`e963`
	`DISC`	`e902`
	`DOT`	`e936`
	`DOWNLOAD_PLAIN`	`e818`
	`DOWNLOAD`	`e808`
	`EDIT`	`e809`
	`EXPAND_WIDE`	`e972`
	`EXPAND`	`e9a3`
	`EXPORT`	`e80f`
	`EXTLINK_LIGHT`	`e978`
	`EXTLINK`	`e814`
	`EYE_SLASH`	`e970`
	`EYE`	`f06e`
	`FACET_HAS_DESCENDANT`	`e91c`
	`FEEDBACK_PLAIN`	`e951`
	`FEEDBACK`	`e80a`
	`FILTERS`	`e935`
	`FLASK`	`e999`
	`FORMAT_CLEAR`	`e988`
	`GLOBE`	`e976`
	`GRIP_LINES_SOLID`	`e99d`
	`HAND_SOLID`	`e9a7`
	`HOME`	`e80b`
	`HOURGLASS_END`	`e99b`
	`HOURGLASS_HALF`	`e97e`
	`ICON_COLLAPSE`	`e918`
	`ICON_EXPAND`	`e917`
	`INFO`	`e919`
	`ITALIC`	`e98d`
	`LIFE_RING`	`e975`
	`LINE_CHART`	`e96c`
	`LINK_SIMPLE_SLASH`	`e990`
	`LINK_SIMPLE`	`e991`
	`LIST_MAGNIFYING_GLASS`	`e995`
	`LOCK_KEYHOLE_OPEN_SOLID`	`e99a`
	`LOCKER`	`e93b`
	`LOGOUT`	`e923`
	`MAILS_AND_NOTIFICATIONS`	`e939`
	`MEDAL`	`e996`
	`MENU`	`e807`
	`MESSAGE_BOT`	`e967`
	`MINUS_PLAIN`	`e91a`
	`MINUS`	`e937`
	`MOBILE_LANDSCAPE`	`e961`
	`MOBILE_PORTRAIT`	`e962`
	`MOBILE_SMALL`	`e9a5`
	`MODIFY_PBK`	`e80c`
	`MY_COLLECTIONS`	`e955`
	`MY_LIBRARY`	`e959`
	`OCTAGON_XMARK`	`e97d`
	`OFFLINE_SETTINGS`	`e954`
	`OFFLINE`	`e816`
	`ONLINE`	`e941`
	`PALETTE`	`e98b`
	`PAPER_PLANE_SLASH`	`e9a1`
	`PAPER_PLANE`	`e983`
	`PAUSE`	`e949`
	`PIGGY_BANK`	`e977`
	`PIP_WIDE`	`e974`
	`PIP`	`e973`
	`PLAY`	`e94a`
	`PLUS_PLAIN`	`e91b`
	`PLUS`	`e938`
	`PRINT`	`e944`
	`RATE_PLAIN`	`e952`
	`RATE`	`e953`
	`RELATIVES_PLAIN`	`e947`
	`RELATIVES`	`e948`
	`RESET`	`e958`
	`ROUTE`	`e992`
	`SAVE`	`e93a`
	`SCHEDULED`	`e80d`
	`SEARCH_HOME`	`e915`
	`SEARCH_IN_PUBLICATION`	`e92f`
	`SEARCH`	`e80e`
	`SHARE`	`e80f1`
	`SHARED_PBK`	`e931`
	`SHARED`	`e904`
	`SHORTCUT_MENU`	`e946`
	`SIGN_IN`	`e922`
	`SORT_DOWN`	`e907`
	`SORT_UNSORTED`	`e905`
	`SORT_UP`	`e906`
	`SPARKLES`	`e9a6`
	`STACKED_CHART`	`e96d`
	`STAR_PLAIN`	`e900`
	`STAR`	`e94c`
	`STEPS`	`e916`
	`STRIKETHROUGH`	`e98f`
	`STRIPE_ARROW_LEFT`	`e933`
	`STRIPE_ARROW_RIGHT`	`e934`
	`SYNC`	`e93d`
	`TABLET_LANDSCAPE`	`e95f`
	`TABLET_PORTRAIT`	`e960`
	`TAG_PLAIN`	`e942`
	`TAG`	`e93e`
	`THIN_ARROW_LEFT`	`e956`
	`THIN_ARROW_RIGHT`	`e957`
	`THIN_ARROW_UP`	`e95c`
	`THIN_ARROW`	`e921`
	`THUMBS_DOWN_PLAIN`	`e94e`
	`THUMBS_DOWN`	`e94d`
	`THUMBS_UP_PLAIN`	`e950`
	`THUMBS_UP_THUMBS_DOWN_SOLID`	`e997`
	`THUMBS_UP`	`e94f`
	`TOC`	`e810`
	`TOPICS`	`e901`
	`TRANSLATE_SPARKLE_SOLID`	`e99e`
	`TRANSLATE`	`e924`
	`TRASH`	`e812`
	`TRIANGLE_BOTTOM`	`e91d`
	`TRIANGLE_LEFT`	`e91e`
	`TRIANGLE_RIGHT`	`e91f`
	`TRIANGLE_TOP`	`e920`
	`UNDERLINE`	`e98e`
	`UNSTRUCTURED_DOC`	`e95a`
	`UPLOAD`	`e940`
	`USER`	`e813`
	`WAND_MAGIC_SPARKLES`	`e982`
	`WARNING`	`e913`
	`WORKING`	`e908`
	`WRITE_UGC`	`e811`
	`X_MARK`	`e971`
	`ZOOM_FULLSCREEN`	`e90d`
	`ZOOM_IN`	`e90b`
	`ZOOM_OUT`	`e90a`
	`ZOOM_REALSIZE`	`e90c`

Fluid Topics icons - Fluid Topics - Latest

Fluid Topics Designer Guide