Jitterbit Icons (`jitterbit-icons.ttf`)

This page lists icon variables in source/config/icons.yml that can be used to render Harmony icons.

Important

Do not edit the source Markdown for this page. It is written by the script jitterbit-icons.sh.

To update icons and regenerate this page, follow these steps:

Download jitterbit-icons.ttf:
1. On a Harmony page, open Developer Tools, then select the Network tab.
2. Enter jitterbit-icons in the search bar, then reload the page. (If you don't see any result, you may need to force reload or clear your browser's cache first.)
3. Under Name, right click jitterbit-icons.<HEX>.ttf?<MORE HEX>, then select Copy URL.
4. In a terminal, run this command to download the font file:
```
wget -O SCD/source/packaging/css/fonts/Jitterbit/jitterbit-icons.ttf "<COPIED URL>"
```
5. (Optional) Open the downloaded font file in a font viewer program.
In a terminal, run SCD/scripts/icons/jitterbit-icons.sh SCD, where SCD is the path to your local copy (clone) of https://github.com/jitterbit/success-central-development.

Examples:

# 1. From anywhere
~/GitHub/success-central-development/scripts/icons/jitterbit-icons.sh ~/GitHub/success-central-development

# 2. From repo home
cd ~/GitHub/success-central-development/
./scripts/icons/jitterbit-icons.sh .

Commit the following changed files:

SCD/source/packaging/css/fonts/Jitterbit/jitterbit.ttf
SCD/source/packaging/css/icons.css
SCD/source/docs-base/en/_jitterbit-icons.md
SCD/source/config/icons.yml

Variable `VAR_NAME`	Expanded `{{ VAR_NAME }}`	CSS Class name `CLASS_NAME`	Expected `<span class="CLASS_NAME"></span>`
`icon_x_box`		`icon-x-box`
`icon_workflow`		`icon-workflow`
`icon_wavy_arrows`		`icon-wavy-arrows`
`icon_warning`		`icon-warning`
`icon_warning_filled`		`icon-warning-filled`
`icon_visibility`		`icon-visibility`
`icon_visibility_off`		`icon-visibility-off`
`icon_view_details`		`icon-view-details`
`icon_view_credentials`		`icon-view-credentials`
`icon_variable`		`icon-variable`
`icon_upload`		`icon-upload`
`icon_upload_new`		`icon-upload-new`
`icon_update_connectors`		`icon-update-connectors`
`icon_unlock`		`icon-unlock`
`icon_unlink`		`icon-unlink`
`icon_unknown`		`icon-unknown`
`icon_undo`		`icon-undo`
`icon_undeployed`		`icon-undeployed`
`icon_tune`		`icon-tune`
`icon_tune_vertical`		`icon-tune-vertical`
`icon_triangle`		`icon-triangle`
`icon_tray_full`		`icon-tray-full`
`icon_tray_alert`		`icon-tray-alert`
`icon_trash`		`icon-trash`
`icon_trash_sweep`		`icon-trash-sweep`
`icon_trash_detailed`		`icon-trash-detailed`
`icon_tools`		`icon-tools`
`icon_thunder`		`icon-thunder`
`icon_test`		`icon-test`
`icon_template`		`icon-template`
`icon_target`		`icon-target`
`icon_tag`		`icon-tag`
`icon_table_column_plus`		`icon-table-column-plus`
`icon_switch_on_right`		`icon-switch-on-right`
`icon_switch_off_right`		`icon-switch-off-right`
`icon_switch_off_left`		`icon-switch-off-left`
`icon_swap_horizontal`		`icon-swap-horizontal`
`icon_swagger`		`icon-swagger`
`icon_success`		`icon-success`
`icon_subscription`		`icon-subscription`
`icon_submitted`		`icon-submitted`
`icon_stop`		`icon-stop`
`icon_stepover`		`icon-stepover`
`icon_stack`		`icon-stack`
`icon_squares`		`icon-squares`
`icon_square`		`icon-square`
`icon_square_brackets`		`icon-square-brackets`
`icon_skeleton_key`		`icon-skeleton-key`
`icon_shuffle`		`icon-shuffle`
`icon_shipping`		`icon-shipping`
`icon_shift`		`icon-shift`
`icon_settings`		`icon-settings`
`icon_send`		`icon-send`
`icon_security`		`icon-security`
`icon_search_off`		`icon-search-off`
`icon_script`		`icon-script`
`icon_script_text`		`icon-script-text`
`icon_script_simple`		`icon-script-simple`
`icon_schema_flat`		`icon-schema_flat`
`icon_schema`		`icon-schema`
`icon_schedule`		`icon-schedule`
`icon_save`		`icon-save`
`icon_s_box`		`icon-s-box`
`icon_running_operations`		`icon-running-operations`
`icon_rocket`		`icon-rocket`
`icon_restore`		`icon-restore`
`icon_restore_clock`		`icon-restore-clock`
`icon_resources_training`		`icon-resources-training`
`icon_resources_support`		`icon-resources-support`
`icon_resources_release_notes`		`icon-resources-release-notes`
`icon_resources_news_press`		`icon-resources-news-press`
`icon_resources_docs`		`icon-resources-docs`
`icon_resources_design_studio`		`icon-resources-design-studio`
`icon_resources_community`		`icon-resources-community`
`icon_resize_bottom_right`		`icon-resize-bottom-right`
`icon_resend_right`		`icon-resend-right`
`icon_resend_left`		`icon-resend-left`
`icon_rename`		`icon-rename`
`icon_remove`		`icon-remove`
`icon_remove_outline`		`icon-remove-outline`
`icon_refresh`		`icon-refresh`
`icon_redo`		`icon-redo`
`icon_recipe`		`icon-recipe`
`icon_received`		`icon-received`
`icon_rack_stack`		`icon-rack-stack`
`icon_promote_to_global`		`icon-promote-to-global`
`icon_project_variable`		`icon-project-variable`
`icon_private_agent`		`icon-private-agent`
`icon_print`		`icon-print`
`icon_preview`		`icon-preview`
`icon_policy_outline`		`icon-policy-outline`
`icon_plus`		`icon-plus`
`icon_plug`		`icon-plug`
`icon_play`		`icon-play`
`icon_play_circle_outline`		`icon-play-circle-outline`
`icon_platform_status`		`icon-platform-status`
`icon_pending`		`icon-pending`
`icon_pencil`		`icon-pencil`
`icon_paste`		`icon-paste`
`icon_pan_tool`		`icon-pan-tool`
`icon_palette_collapse`		`icon-palette-collapse`
`icon_page`		`icon-page`
`icon_page_last`		`icon-page-last`
`icon_page_first`		`icon-page-first`
`icon_organization`		`icon-organization`
`icon_order`		`icon-order`
`icon_operations`		`icon-operations`
`icon_open_left`		`icon-open-left`
`icon_notifications`		`icon-notifications`
`icon_note`		`icon-note`
`icon_not_allowed`		`icon-not-allowed`
`icon_new_workflow`		`icon-new-workflow`
`icon_new_connection`		`icon-new-connection`
`icon_new_chat`		`icon-new-chat`
`icon_more`		`icon-more`
`icon_mirror`		`icon-mirror`
`icon_menu`		`icon-menu`
`icon_marketplace_app`		`icon-marketplace-app`
`icon_management_console_app`		`icon-management-console-app`
`icon_magnify`		`icon-magnify`
`icon_logging_alt`		`icon-logging-alt`
`icon_lock`		`icon-lock`
`icon_lock_open`		`icon-lock-open`
`icon_location`		`icon-location`
`icon_list_view`		`icon-list-view`
`icon_link`		`icon-link`
`icon_line_chart`		`icon-line-chart`
`icon_licensing_usage`		`icon-licensing-usage`
`icon_launch`		`icon-launch`
`icon_jitterbit`		`icon-jitterbit`
`icon_jitterbit_variable`		`icon-jitterbit-variable`
`icon_jitterbit_flag`		`icon-jitterbit-flag`
`icon_invoice`		`icon-invoice`
`icon_integration_studio_app`		`icon-integration-studio-app`
`icon_information_outline`		`icon-information-outline`
`icon_info`		`icon-info`
`icon_info_full`		`icon-info-full`
`icon_import`		`icon-import`
`icon_import_project`		`icon-import-project`
`icon_horizontal_unfold`		`icon-horizontal-unfold`
`icon_horizontal_fold`		`icon-horizontal-fold`
`icon_history`		`icon-history`
`icon_handshake`		`icon-handshake`
`icon_hamburger`		`icon-hamburger`
`icon_grid`		`icon-grid`
`icon_globe`		`icon-globe`
`icon_global`		`icon-global`
`icon_global_variable`		`icon-global-variable`
`icon_glass`		`icon-glass`
`icon_gear`		`icon-gear`
`icon_function`		`icon-function`
`icon_fullscreen_exit`		`icon-fullscreen_exit`
`icon_fullscreen`		`icon-fullscreen`
`icon_fullscreen_open`		`icon-fullscreen-open`
`icon_fullscreen_close`		`icon-fullscreen-close`
`icon_front_hand`		`icon-front-hand`
`icon_folder`		`icon-folder`
`icon_folder_stack`		`icon-folder-stack`
`icon_folder_plus`		`icon-folder-plus`
`icon_folder_move`		`icon-folder-move`
`icon_filter`		`icon-filter`
`icon_file_eye_outline`		`icon-file-eye-outline`
`icon_field_alt`		`icon-field-alt`
`icon_fail`		`icon-fail`
`icon_eye_outline`		`icon-eye-outline`
`icon_eye_filled`		`icon-eye-filled`
`icon_eye_filled_cross`		`icon-eye-filled-cross`
`icon_export_project`		`icon-export-project`
`icon_expand_list`		`icon-expand-list`
`icon_expand_content`		`icon-expand-content`
`icon_exchange`		`icon-exchange`
`icon_error`		`icon-error`
`icon_error_diamond`		`icon-error-diamond`
`icon_error_circle`		`icon-error-circle`
`icon_envelope`		`icon-envelope`
`icon_endpoint`		`icon-endpoint`
`icon_ellipsis_rounded_vertical`		`icon-ellipsis-rounded-vertical`
`icon_edit`		`icon-edit`
`icon_edi_app`		`icon-edi-app`
`icon_duplicate`		`icon-duplicate`
`icon_duplicate_2`		`icon-duplicate-2`
`icon_drag_vertical`		`icon-drag-vertical`
`icon_drag_vertical_small`		`icon-drag-vertical-small`
`icon_drag_horizontal`		`icon-drag-horizontal`
`icon_download`		`icon-download`
`icon_download_agent`		`icon-download-agent`
`icon_double_arrow_right`		`icon-double-arrow-right`
`icon_double_arrow_left`		`icon-double-arrow-left`
`icon_dot_square`		`icon-dot-square`
`icon_documents`		`icon-documents`
`icon_deprecated`		`icon-deprecated`
`icon_deprecated_banner`		`icon-deprecated-banner`
`icon_deploy`		`icon-deploy`
`icon_date_range`		`icon-date-range`
`icon_custom_groups`		`icon-custom_groups`
`icon_custom_value`		`icon-custom-value`
`icon_custom_groups`		`icon-custom-groups`
`icon_ctrl`		`icon-ctrl`
`icon_copy`		`icon-copy`
`icon_content_paste`		`icon-content-paste`
`icon_content_duplicate`		`icon-content-duplicate`
`icon_content_cut`		`icon-content-cut`
`icon_construction`		`icon-construction`
`icon_connections`		`icon-connections`
`icon_condition`		`icon-condition`
`icon_columns_filter`		`icon-columns-filter`
`icon_collapse_list`		`icon-collapse-list`
`icon_collapse_content`		`icon-collapse-content`
`icon_cogs`		`icon-cogs`
`icon_cloud_agent`		`icon-cloud-agent`
`icon_clipboard_text`		`icon-clipboard-text`
`icon_clipboard_check`		`icon-clipboard-check`
`icon_clear`		`icon-clear`
`icon_citizen_integrator_app`		`icon-citizen-integrator-app`
`icon_circle`		`icon-circle`
`icon_circle_expand`		`icon-circle-expand`
`icon_circle_collapse`		`icon-circle-collapse`
`icon_circle_arrow`		`icon-circle-arrow`
`icon_circle_arrow_dot`		`icon-circle-arrow-dot`
`icon_check`		`icon-check`
`icon_check_circle`		`icon-check-circle`
`icon_check_circle_filled`		`icon-check-circle-filled`
`icon_chad`		`icon-chad`
`icon_card_view`		`icon-card-view`
`icon_camera`		`icon-camera`
`icon_calendar`		`icon-calendar`
`icon_calendar_today`		`icon-calendar-today`
`icon_calculation`		`icon-calculation`
`icon_bug_solid`		`icon-bug-solid`
`icon_bug_outline`		`icon-bug-outline`
`icon_box_expand`		`icon-box-expand`
`icon_box_collapse`		`icon-box-collapse`
`icon_beta_banner`		`icon-beta-banner`
`icon_bar_chart`		`icon-bar-chart`
`icon_backup_restore`		`icon-backup-restore`
`icon_autorenew`		`icon-autorenew`
`icon_assign`		`icon-assign`
`icon_arrow_west`		`icon-arrow-west`
`icon_arrow_up`		`icon-arrow-up`
`icon_arrow_split_vertical`		`icon-arrow-split-vertical`
`icon_arrow_split_horizontal`		`icon-arrow-split-horizontal`
`icon_arrow_south`		`icon-arrow-south`
`icon_arrow_right`		`icon-arrow-right`
`icon_arrow_north`		`icon-arrow-north`
`icon_arrow_line_up`		`icon-arrow-line-up`
`icon_arrow_line_right`		`icon-arrow-line-right`
`icon_arrow_line_left`		`icon-arrow-line-left`
`icon_arrow_line_down`		`icon-arrow-line-down`
`icon_arrow_left`		`icon-arrow-left`
`icon_arrow_filled_up`		`icon-arrow-filled-up`
`icon_arrow_filled_right`		`icon-arrow-filled-right`
`icon_arrow_filled_left`		`icon-arrow-filled-left`
`icon_arrow_filled_down`		`icon-arrow-filled-down`
`icon_arrow_expand`		`icon-arrow-expand`
`icon_arrow_expand_right`		`icon-arrow-expand-right`
`icon_arrow_expand_left`		`icon-arrow-expand-left`
`icon_arrow_east`		`icon-arrow-east`
`icon_arrow_down`		`icon-arrow-down`
`icon_arrow_collapse`		`icon-arrow-collapse`
`icon_arrow_collapse_up`		`icon-arrow-collapse-up`
`icon_arrow_collapse_right`		`icon-arrow-collapse-right`
`icon_arrow_collapse_left`		`icon-arrow-collapse-left`
`icon_arrow_collapse_down`		`icon-arrow-collapse-down`
`icon_arrow_circle_right`		`icon-arrow-circle-right`
`icon_arrow_circle_left`		`icon-arrow-circle-left`
`icon_arrow_backwards`		`icon-arrow-backwards`
`icon_archive`		`icon-archive`
`icon_apps`		`icon-apps`
`icon_apple_keyboard_command`		`icon-apple-keyboard-command`
`icon_app_builder_app`		`icon-app-builder-app`
`icon_api`		`icon-api`
`icon_api_manager_app`		`icon-api-manager-app`
`icon_align_middle`		`icon-align-middle`
`icon_alert_decagram`		`icon-alert-decagram`
`icon_alert_decagram_filled`		`icon-alert-decagram-filled`
`icon_alert_circle_outline`		`icon-alert-circle-outline`
`icon_ai`		`icon-ai`
`icon_ai_agent`		`icon-ai-agent`
`icon_add`		`icon-add`
`icon_add_rule_group`		`icon-add-rule-group`
`icon_account`		`icon-account`
`icon_a_box`		`icon-a-box`

Jitterbit Icons (jitterbit-icons.ttf)

Jitterbit Icons (`jitterbit-icons.ttf`)