CPS Design System
Guia Visual
Documentação
Componentes
GitHub
Guia Visual
Documentação
Componentes
GitHub
  • Guia Visual

    • Introdução
    • Camadas e Materiais
    • Dimensões e Espaçamentos
    • Elevação
    • Tipografia
    • Cores
    • Ícones

Ícones

A iconografia é um conjunto de imagens e símbolos visuais que ajudam os usuários a entender e navegar pela aplicação. No CPS Design System, ícones são fortemente recomendados para utilização ao longo de toda a interface, como sendo metáforas visuais que representam um conceito, uma ação ou uma situação.

Dicas

Há quem fale brincando (ou até pejorativamente de propósito) que ícone é só "firula" para "enfeitar" interfaces. Ledo engano, já que criar metáforas visuais é uma das maneiras mais eficientes de reduzir sobrecarga cognitiva.

De quebra, duas das 10 Heurísticas de Jakob Nielsen são atendidas: "oferecer uma clara ponte entre o software e o mundo real" e "proporcionar rápido reconhecimento através da familiaridade".

Antes discutir a tipografia deste design system, é importante delimitar adequadamente seu escopo.

Ícones de Aplicação

Exemplo de Ícone de Aplicação

Os ícones de aplicação representam uma imagem exclusiva e imediatamente reconhecível que ajuda a identificar a aplicação, em meio a outras, idealmente uma imagem que represente a identidade da aplicação, ou que remeta à sua funcionalidade principal por meio de uma metáfora. Ícones de aplicação envolvem o uso de cores de marca, efeitos visuais, sombras, dentre outras características de identificação única.

No contexto da web, também são usados principalmente para reconhecer e iniciar sua aplicação a partir de atalhos, como em uma app drawer compartilhada entre vários sistemas, e também para identificar a aplicação onde quer que ele apareça no navegador, como na barra de títulos, na lista de favoritos, no histórico de navegação, etc.

Atenção

Para máxima compatibilidade em diferentes dispositivos e plataformas, aplicações web modernas devem conter vários assets de ícones, em formatos e tamanhos variados, bem como arquivos de manifesto e importações corretamente realizadas nas páginas web, para que sejam apresentados conforme esperado em cada cenário. Uma ferramenta como Real Favicon Generator pode ser de grande auxílio.

Em algumas situações, ícones de aplicação são simplesmente derivações de marcas já existentes, como é o caso do favicon utilizado nos portais do CPS, diretamente derivado de seu logotipo descrito no Manual de Identidade Visual.

Para todos os outros casos, incluindo cada sistema interno que aderir a este design system, recomenda-se fortemente que um ícone de aplicação seja construído por um designer, seguindo boas práticas de elaboração de ícones de aplicações (ou ao menos seguindo-se bons materiais sobre o assunto, como How to Design a Great App Icon: What You Need to Know e 5 Tips for Designing the Perfect Mobile App Icon).

Ícones de Sistema

Exemplo de Ícone de Sistema

Ícones de sistema, por sua vez, são os símbolos visuais que efetivamente ajudam usuários a navegar pela aplicação, remetendo a objetos e ações do mundo real, criando metáforas visuais e facilitando o processo cognitivo de reconhecer o significado das coisas em uma interface.

O CPS Design System segue, na iconografia, a mesma influência que norteou sua construção. Assim, recomenda-se o uso da biblioteca de ícones Fluent UI System Icons da Microsoft, uma coleção livre sob licença MIT, com mais de 4 mil ícones cuidadosamente construídos usando as mesmas características geométricas do restante da interface Fluent, através de três princípios estéticos:

  1. Mínimo: Contêm apenas os mínimos traços necessários para comunicar o conceito.
  2. Harmonioso: Se baseiam em formatos simples e geométricos.
  3. Evoluído: Usam metáforas modernas e facilmente compreendidas.

Esta coleção de ícones é oferecida em duas variações de design: versão regular e versão preenchida.

Versão Regular

A versão regular da biblioteca de ícones Fluent UI System Icons se baseia somente em linhas de demarcação dos glifos, ou seja, traços puros sem preenchimento. Normalmente, em outras bibliotecas de ícones, este visual é chamado de outline.

Icon: ic_fluent_access_time_24_regular

access_time

Icon: ic_fluent_accessibility_24_regular

accessibility

Icon: ic_fluent_accessibility_checkmark_24_regular

accessibility_checkmark

Icon: ic_fluent_add_24_regular

add

Icon: ic_fluent_add_circle_24_regular

add_circle

Icon: ic_fluent_add_square_24_regular

add_square

Icon: ic_fluent_add_square_multiple_20_regular

add_square_multiple

Icon: ic_fluent_add_subtract_circle_24_regular

add_subtract_circle

Icon: ic_fluent_airplane_24_regular

airplane

Icon: ic_fluent_airplane_take_off_24_regular

airplane_take_off

Icon: ic_fluent_album_24_regular

album

Icon: ic_fluent_album_add_24_regular

album_add

Icon: ic_fluent_alert_24_regular

alert

Icon: ic_fluent_alert_off_24_regular

alert_off

Icon: ic_fluent_alert_on_24_regular

alert_on

Icon: ic_fluent_alert_snooze_24_regular

alert_snooze

Icon: ic_fluent_alert_urgent_24_regular

alert_urgent

Icon: ic_fluent_align_bottom_24_regular

align_bottom

Icon: ic_fluent_align_center_horizontal_24_regular

align_center_horizontal

Icon: ic_fluent_align_center_vertical_24_regular

align_center_vertical

Icon: ic_fluent_align_left_24_regular

align_left

Icon: ic_fluent_align_right_24_regular

align_right

Icon: ic_fluent_align_top_24_regular

align_top

Icon: ic_fluent_animal_cat_24_regular

animal_cat

Icon: ic_fluent_animal_dog_24_regular

animal_dog

Icon: ic_fluent_animal_rabbit_24_regular

animal_rabbit

Icon: ic_fluent_animal_turtle_24_regular

animal_turtle

Icon: ic_fluent_app_folder_24_regular

app_folder

Icon: ic_fluent_app_generic_24_regular

app_generic

Icon: ic_fluent_app_recent_24_regular

app_recent

Icon: ic_fluent_app_store_24_regular

app_store

Icon: ic_fluent_app_title_24_regular

app_title

Icon: ic_fluent_approvals_app_24_regular

approvals_app

Icon: ic_fluent_apps_24_regular

apps

Icon: ic_fluent_apps_add_in_24_regular

apps_add_in

Icon: ic_fluent_apps_list_24_regular

apps_list

Icon: ic_fluent_apps_list_detail_24_regular

apps_list_detail

Icon: ic_fluent_archive_24_regular

archive

Icon: ic_fluent_archive_arrow_back_24_regular

archive_arrow_back

Icon: ic_fluent_archive_multiple_24_regular

archive_multiple

Icon: ic_fluent_archive_settings_24_regular

archive_settings

Icon: ic_fluent_arrow_autofit_content_24_regular

arrow_autofit_content

Icon: ic_fluent_arrow_autofit_down_24_regular

arrow_autofit_down

Icon: ic_fluent_arrow_autofit_height_24_regular

arrow_autofit_height

Icon: ic_fluent_arrow_autofit_height_dotted_24_regular

arrow_autofit_height_dotted

Icon: ic_fluent_arrow_autofit_up_24_regular

arrow_autofit_up

Icon: ic_fluent_arrow_autofit_width_24_regular

arrow_autofit_width

Icon: ic_fluent_arrow_autofit_width_dotted_24_regular

arrow_autofit_width_dotted

Icon: ic_fluent_arrow_between_down_24_regular

arrow_between_down

Icon: ic_fluent_arrow_bidirectional_up_down_24_regular

arrow_bidirectional_up_down

Icon: ic_fluent_arrow_bounce_24_regular

arrow_bounce

Icon: ic_fluent_arrow_circle_down_24_regular

arrow_circle_down

Icon: ic_fluent_arrow_circle_down_double_24_regular

arrow_circle_down_double

Icon: ic_fluent_arrow_circle_down_right_24_regular

arrow_circle_down_right

Icon: ic_fluent_arrow_circle_down_split_24_regular

arrow_circle_down_split

Icon: ic_fluent_arrow_circle_up_24_regular

arrow_circle_up

Icon: ic_fluent_arrow_clockwise_24_regular

arrow_clockwise

Icon: ic_fluent_arrow_clockwise_dashes_24_regular

arrow_clockwise_dashes

Icon: ic_fluent_arrow_collapse_all_24_regular

arrow_collapse_all

Icon: ic_fluent_arrow_counterclockwise_24_regular

arrow_counterclockwise

Icon: ic_fluent_arrow_counterclockwise_dashes_24_regular

arrow_counterclockwise_dashes

Icon: ic_fluent_arrow_curve_down_left_24_regular

arrow_curve_down_left

Icon: ic_fluent_arrow_down_24_regular

arrow_down

Icon: ic_fluent_arrow_down_left_24_regular

arrow_down_left

Icon: ic_fluent_arrow_download_24_regular

arrow_download

Icon: ic_fluent_arrow_enter_left_24_regular

arrow_enter_left

Icon: ic_fluent_arrow_enter_up_24_regular

arrow_enter_up

Icon: ic_fluent_arrow_expand_24_regular

arrow_expand

Icon: ic_fluent_arrow_export_ltr_24_regular

arrow_export_ltr

Icon: ic_fluent_arrow_export_rtl_24_regular

arrow_export_rtl

Icon: ic_fluent_arrow_export_up_24_regular

arrow_export_up

Icon: ic_fluent_arrow_fit_20_regular

arrow_fit

Icon: ic_fluent_arrow_forward_24_regular

arrow_forward

Icon: ic_fluent_arrow_forward_down_lightning_24_regular

arrow_forward_down_lightning

Icon: ic_fluent_arrow_forward_down_person_24_regular

arrow_forward_down_person

Icon: ic_fluent_arrow_hook_down_left_24_regular

arrow_hook_down_left

Icon: ic_fluent_arrow_hook_down_right_24_regular

arrow_hook_down_right

Icon: ic_fluent_arrow_hook_up_left_24_regular

arrow_hook_up_left

Icon: ic_fluent_arrow_hook_up_right_24_regular

arrow_hook_up_right

Icon: ic_fluent_arrow_import_24_regular

arrow_import

Icon: ic_fluent_arrow_left_24_regular

arrow_left

Icon: ic_fluent_arrow_maximize_24_regular

arrow_maximize

Icon: ic_fluent_arrow_maximize_vertical_24_regular

arrow_maximize_vertical

Icon: ic_fluent_arrow_minimize_24_regular

arrow_minimize

Icon: ic_fluent_arrow_minimize_vertical_24_regular

arrow_minimize_vertical

Icon: ic_fluent_arrow_move_24_regular

arrow_move

Icon: ic_fluent_arrow_next_24_regular

arrow_next

Icon: ic_fluent_arrow_previous_24_regular

arrow_previous

Icon: ic_fluent_arrow_redo_24_regular

arrow_redo

Icon: ic_fluent_arrow_repeat_all_24_regular

arrow_repeat_all

Icon: ic_fluent_arrow_repeat_all_off_24_regular

arrow_repeat_all_off

Icon: ic_fluent_arrow_reply_24_regular

arrow_reply

Icon: ic_fluent_arrow_reply_all_24_regular

arrow_reply_all

Icon: ic_fluent_arrow_reply_down_24_regular

arrow_reply_down

Icon: ic_fluent_arrow_reset_24_regular

arrow_reset

Icon: ic_fluent_arrow_right_24_regular

arrow_right

Icon: ic_fluent_arrow_rotate_clockwise_24_regular

arrow_rotate_clockwise

Icon: ic_fluent_arrow_rotate_counterclockwise_24_regular

arrow_rotate_counterclockwise

Icon: ic_fluent_arrow_routing_24_regular

arrow_routing

Icon: ic_fluent_arrow_routing_rectangle_multiple_24_regular

arrow_routing_rectangle_multiple

Icon: ic_fluent_arrow_sort_24_regular

arrow_sort

Icon: ic_fluent_arrow_sort_down_24_regular

arrow_sort_down

Icon: ic_fluent_arrow_sort_down_lines_24_regular

arrow_sort_down_lines

Icon: ic_fluent_arrow_sort_up_24_regular

arrow_sort_up

Icon: ic_fluent_arrow_split_20_regular

arrow_split

Icon: ic_fluent_arrow_square_down_24_regular

arrow_square_down

Icon: ic_fluent_arrow_step_in_24_regular

arrow_step_in

Icon: ic_fluent_arrow_step_in_left_24_regular

arrow_step_in_left

Icon: ic_fluent_arrow_step_in_right_24_regular

arrow_step_in_right

Icon: ic_fluent_arrow_step_out_24_regular

arrow_step_out

Icon: ic_fluent_arrow_swap_24_regular

arrow_swap

Icon: ic_fluent_arrow_sync_24_regular

arrow_sync

Icon: ic_fluent_arrow_sync_checkmark_24_regular

arrow_sync_checkmark

Icon: ic_fluent_arrow_sync_circle_24_regular

arrow_sync_circle

Icon: ic_fluent_arrow_sync_dismiss_24_regular

arrow_sync_dismiss

Icon: ic_fluent_arrow_trending_24_regular

arrow_trending

Icon: ic_fluent_arrow_trending_checkmark_24_regular

arrow_trending_checkmark

Icon: ic_fluent_arrow_trending_down_24_regular

arrow_trending_down

Icon: ic_fluent_arrow_trending_lines_24_regular

arrow_trending_lines

Icon: ic_fluent_arrow_trending_settings_24_regular

arrow_trending_settings

Icon: ic_fluent_arrow_trending_text_24_regular

arrow_trending_text

Icon: ic_fluent_arrow_trending_wrench_24_regular

arrow_trending_wrench

Icon: ic_fluent_arrow_turn_bidirectional_down_right_24_regular

arrow_turn_bidirectional_down_right

Icon: ic_fluent_arrow_turn_right_24_regular

arrow_turn_right

Icon: ic_fluent_arrow_undo_24_regular

arrow_undo

Icon: ic_fluent_arrow_up_24_regular

arrow_up

Icon: ic_fluent_arrow_up_left_24_regular

arrow_up_left

Icon: ic_fluent_arrow_up_right_24_regular

arrow_up_right

Icon: ic_fluent_arrow_upload_24_regular

arrow_upload

Icon: ic_fluent_arrows_bidirectional_24_regular

arrows_bidirectional

Icon: ic_fluent_attach_24_regular

attach

Icon: ic_fluent_attach_arrow_right_24_regular

attach_arrow_right

Icon: ic_fluent_attach_text_24_regular

attach_text

Icon: ic_fluent_auto_fit_height_24_regular

auto_fit_height

Icon: ic_fluent_auto_fit_width_24_regular

auto_fit_width

Icon: ic_fluent_autocorrect_24_regular

autocorrect

Icon: ic_fluent_autosum_24_regular

autosum

Icon: ic_fluent_backpack_24_regular

backpack

Icon: ic_fluent_backpack_add_24_regular

backpack_add

Icon: ic_fluent_backspace_24_regular

backspace

Icon: ic_fluent_badge_24_regular

badge

Icon: ic_fluent_balloon_24_regular

balloon

Icon: ic_fluent_barcode_scanner_24_regular

barcode_scanner

Icon: ic_fluent_battery_0_24_regular

battery_0

Icon: ic_fluent_battery_1_24_regular

battery_1

Icon: ic_fluent_battery_10_24_regular

battery_10

Icon: ic_fluent_battery_2_24_regular

battery_2

Icon: ic_fluent_battery_3_24_regular

battery_3

Icon: ic_fluent_battery_4_24_regular

battery_4

Icon: ic_fluent_battery_5_24_regular

battery_5

Icon: ic_fluent_battery_6_24_regular

battery_6

Icon: ic_fluent_battery_7_24_regular

battery_7

Icon: ic_fluent_battery_8_24_regular

battery_8

Icon: ic_fluent_battery_9_24_regular

battery_9

Icon: ic_fluent_battery_charge_24_regular

battery_charge

Icon: ic_fluent_battery_checkmark_24_regular

battery_checkmark

Icon: ic_fluent_battery_saver_24_regular

battery_saver

Icon: ic_fluent_battery_warning_24_regular

battery_warning

Icon: ic_fluent_beach_24_regular

beach

Icon: ic_fluent_beaker_24_regular

beaker

Icon: ic_fluent_beaker_edit_24_regular

beaker_edit

Icon: ic_fluent_bed_24_regular

bed

Icon: ic_fluent_bezier_curve_square_20_regular

bezier_curve_square

Icon: ic_fluent_bin_full_24_regular

bin_full

Icon: ic_fluent_bluetooth_24_regular

bluetooth

Icon: ic_fluent_bluetooth_connected_24_regular

bluetooth_connected

Icon: ic_fluent_bluetooth_disabled_24_regular

bluetooth_disabled

Icon: ic_fluent_bluetooth_searching_24_regular

bluetooth_searching

Icon: ic_fluent_blur_24_regular

blur

Icon: ic_fluent_board_24_regular

board

Icon: ic_fluent_board_heart_24_regular

board_heart

Icon: ic_fluent_board_split_24_regular

board_split

Icon: ic_fluent_book_24_regular

book

Icon: ic_fluent_book_add_24_regular

book_add

Icon: ic_fluent_book_arrow_clockwise_24_regular

book_arrow_clockwise

Icon: ic_fluent_book_clock_24_regular

book_clock

Icon: ic_fluent_book_coins_24_regular

book_coins

Icon: ic_fluent_book_compass_24_regular

book_compass

Icon: ic_fluent_book_contacts_24_regular

book_contacts

Icon: ic_fluent_book_database_24_regular

book_database

Icon: ic_fluent_book_exclamation_mark_24_regular

book_exclamation_mark

Icon: ic_fluent_book_globe_24_regular

book_globe

Icon: ic_fluent_book_information_24_regular

book_information

Icon: ic_fluent_book_letter_24_regular

book_letter

Icon: ic_fluent_book_number_24_regular

book_number

Icon: ic_fluent_book_open_24_regular

book_open

Icon: ic_fluent_book_open_globe_24_regular

book_open_globe

Icon: ic_fluent_book_open_microphone_24_regular

book_open_microphone

Icon: ic_fluent_book_pulse_24_regular

book_pulse

Icon: ic_fluent_book_question_mark_24_regular

book_question_mark

Icon: ic_fluent_book_question_mark_rtl_24_regular

book_question_mark_rtl

Icon: ic_fluent_book_search_24_regular

book_search

Icon: ic_fluent_book_star_24_regular

book_star

Icon: ic_fluent_book_theta_24_regular

book_theta

Icon: ic_fluent_book_toolbox_24_regular

book_toolbox

Icon: ic_fluent_bookmark_24_regular

bookmark

Icon: ic_fluent_bookmark_add_24_regular

bookmark_add

Icon: ic_fluent_bookmark_multiple_24_regular

bookmark_multiple

Icon: ic_fluent_bookmark_off_24_regular

bookmark_off

Icon: ic_fluent_bookmark_search_24_regular

bookmark_search

Icon: ic_fluent_border_all_24_regular

border_all

Icon: ic_fluent_border_bottom_24_regular

border_bottom

Icon: ic_fluent_border_bottom_double_24_regular

border_bottom_double

Icon: ic_fluent_border_bottom_thick_24_regular

border_bottom_thick

Icon: ic_fluent_border_left_24_regular

border_left

Icon: ic_fluent_border_left_right_24_regular

border_left_right

Icon: ic_fluent_border_none_24_regular

border_none

Icon: ic_fluent_border_outside_24_regular

border_outside

Icon: ic_fluent_border_outside_thick_24_regular

border_outside_thick

Icon: ic_fluent_border_right_24_regular

border_right

Icon: ic_fluent_border_top_24_regular

border_top

Icon: ic_fluent_border_top_bottom_24_regular

border_top_bottom

Icon: ic_fluent_border_top_bottom_double_24_regular

border_top_bottom_double

Icon: ic_fluent_border_top_bottom_thick_24_regular

border_top_bottom_thick

Icon: ic_fluent_bot_24_regular

bot

Icon: ic_fluent_bot_add_24_regular

bot_add

Icon: ic_fluent_bowl_chopsticks_24_regular

bowl_chopsticks

Icon: ic_fluent_box_24_regular

box

Icon: ic_fluent_box_arrow_left_24_regular

box_arrow_left

Icon: ic_fluent_box_arrow_up_24_regular

box_arrow_up

Icon: ic_fluent_box_checkmark_24_regular

box_checkmark

Icon: ic_fluent_box_dismiss_24_regular

box_dismiss

Icon: ic_fluent_box_edit_24_regular

box_edit

Icon: ic_fluent_box_multiple_24_regular

box_multiple

Icon: ic_fluent_box_multiple_arrow_left_24_regular

box_multiple_arrow_left

Icon: ic_fluent_box_multiple_arrow_right_24_regular

box_multiple_arrow_right

Icon: ic_fluent_box_multiple_checkmark_24_regular

box_multiple_checkmark

Icon: ic_fluent_box_multiple_search_24_regular

box_multiple_search

Icon: ic_fluent_box_search_24_regular

box_search

Icon: ic_fluent_box_toolbox_24_regular

box_toolbox

Icon: ic_fluent_braces_24_regular

braces

Icon: ic_fluent_braces_variable_24_regular

braces_variable

Icon: ic_fluent_brain_circuit_24_regular

brain_circuit

Icon: ic_fluent_branch_24_regular

branch

Icon: ic_fluent_branch_compare_24_regular

branch_compare

Icon: ic_fluent_branch_fork_24_regular

branch_fork

Icon: ic_fluent_branch_fork_hint_24_regular

branch_fork_hint

Icon: ic_fluent_branch_fork_link_24_regular

branch_fork_link

Icon: ic_fluent_breakout_room_24_regular

breakout_room

Icon: ic_fluent_briefcase_24_regular

briefcase

Icon: ic_fluent_briefcase_medical_24_regular

briefcase_medical

Icon: ic_fluent_briefcase_off_24_regular

briefcase_off

Icon: ic_fluent_brightness_high_24_regular

brightness_high

Icon: ic_fluent_brightness_low_24_regular

brightness_low

Icon: ic_fluent_broad_activity_feed_24_regular

broad_activity_feed

Icon: ic_fluent_broom_24_regular

broom

Icon: ic_fluent_bug_24_regular

bug

Icon: ic_fluent_building_24_regular

building

Icon: ic_fluent_building_bank_24_regular

building_bank

Icon: ic_fluent_building_bank_link_24_regular

building_bank_link

Icon: ic_fluent_building_bank_toolbox_24_regular

building_bank_toolbox

Icon: ic_fluent_building_factory_24_regular

building_factory

Icon: ic_fluent_building_government_24_regular

building_government

Icon: ic_fluent_building_home_24_regular

building_home

Icon: ic_fluent_building_lighthouse_20_regular

building_lighthouse

Icon: ic_fluent_building_multiple_24_regular

building_multiple

Icon: ic_fluent_building_retail_24_regular

building_retail

Icon: ic_fluent_building_retail_money_24_regular

building_retail_money

Icon: ic_fluent_building_retail_shield_24_regular

building_retail_shield

Icon: ic_fluent_building_retail_toolbox_24_regular

building_retail_toolbox

Icon: ic_fluent_building_shop_24_regular

building_shop

Icon: ic_fluent_building_skyscraper_24_regular

building_skyscraper

Icon: ic_fluent_calculator_24_regular

calculator

Icon: ic_fluent_calculator_arrow_clockwise_24_regular

calculator_arrow_clockwise

Icon: ic_fluent_calculator_multiple_24_regular

calculator_multiple

Icon: ic_fluent_calendar_3_day_24_regular

calendar_3_day

Icon: ic_fluent_calendar_add_24_regular

calendar_add

Icon: ic_fluent_calendar_agenda_24_regular

calendar_agenda

Icon: ic_fluent_calendar_arrow_down_24_regular

calendar_arrow_down

Icon: ic_fluent_calendar_arrow_right_24_regular

calendar_arrow_right

Icon: ic_fluent_calendar_assistant_24_regular

calendar_assistant

Icon: ic_fluent_calendar_cancel_24_regular

calendar_cancel

Icon: ic_fluent_calendar_chat_24_regular

calendar_chat

Icon: ic_fluent_calendar_checkmark_24_regular

calendar_checkmark

Icon: ic_fluent_calendar_clock_24_regular

calendar_clock

Icon: ic_fluent_calendar_day_24_regular

calendar_day

Icon: ic_fluent_calendar_edit_24_regular

calendar_edit

Icon: ic_fluent_calendar_empty_24_regular

calendar_empty

Icon: ic_fluent_calendar_error_24_regular

calendar_error

Icon: ic_fluent_calendar_info_20_regular

calendar_info

Icon: ic_fluent_calendar_ltr_24_regular

calendar_ltr

Icon: ic_fluent_calendar_mail_20_regular

calendar_mail

Icon: ic_fluent_calendar_mention_20_regular

calendar_mention

Icon: ic_fluent_calendar_month_24_regular

calendar_month

Icon: ic_fluent_calendar_multiple_24_regular

calendar_multiple

Icon: ic_fluent_calendar_pattern_20_regular

calendar_pattern

Icon: ic_fluent_calendar_person_24_regular

calendar_person

Icon: ic_fluent_calendar_phone_20_regular

calendar_phone

Icon: ic_fluent_calendar_question_mark_24_regular

calendar_question_mark

Icon: ic_fluent_calendar_reply_24_regular

calendar_reply

Icon: ic_fluent_calendar_rtl_24_regular

calendar_rtl

Icon: ic_fluent_calendar_search_20_regular

calendar_search

Icon: ic_fluent_calendar_settings_20_regular

calendar_settings

Icon: ic_fluent_calendar_star_24_regular

calendar_star

Icon: ic_fluent_calendar_sync_24_regular

calendar_sync

Icon: ic_fluent_calendar_today_24_regular

calendar_today

Icon: ic_fluent_calendar_toolbox_24_regular

calendar_toolbox

Icon: ic_fluent_calendar_week_numbers_24_regular

calendar_week_numbers

Icon: ic_fluent_calendar_week_start_24_regular

calendar_week_start

Icon: ic_fluent_calendar_work_week_24_regular

calendar_work_week

Icon: ic_fluent_call_24_regular

call

Icon: ic_fluent_call_add_24_regular

call_add

Icon: ic_fluent_call_checkmark_24_regular

call_checkmark

Icon: ic_fluent_call_dismiss_24_regular

call_dismiss

Icon: ic_fluent_call_end_24_regular

call_end

Icon: ic_fluent_call_forward_24_regular

call_forward

Icon: ic_fluent_call_inbound_24_regular

call_inbound

Icon: ic_fluent_call_missed_24_regular

call_missed

Icon: ic_fluent_call_outbound_24_regular

call_outbound

Icon: ic_fluent_call_park_24_regular

call_park

Icon: ic_fluent_call_pause_24_regular

call_pause

Icon: ic_fluent_call_prohibited_24_regular

call_prohibited

Icon: ic_fluent_call_transfer_20_regular

call_transfer

Icon: ic_fluent_calligraphy_pen_24_regular

calligraphy_pen

Icon: ic_fluent_camera_24_regular

camera

Icon: ic_fluent_camera_add_24_regular

camera_add

Icon: ic_fluent_camera_dome_24_regular

camera_dome

Icon: ic_fluent_camera_off_24_regular

camera_off

Icon: ic_fluent_camera_switch_24_regular

camera_switch

Icon: ic_fluent_caret_down_24_regular

caret_down

Icon: ic_fluent_caret_down_right_24_regular

caret_down_right

Icon: ic_fluent_caret_left_24_regular

caret_left

Icon: ic_fluent_caret_right_24_regular

caret_right

Icon: ic_fluent_caret_up_24_regular

caret_up

Icon: ic_fluent_cart_24_regular

cart

Icon: ic_fluent_cast_24_regular

cast

Icon: ic_fluent_cellular_3g_24_regular

cellular_3g

Icon: ic_fluent_cellular_4g_24_regular

cellular_4g

Icon: ic_fluent_cellular_5g_24_regular

cellular_5g

Icon: ic_fluent_cellular_data_1_24_regular

cellular_data_1

Icon: ic_fluent_cellular_data_2_24_regular

cellular_data_2

Icon: ic_fluent_cellular_data_3_24_regular

cellular_data_3

Icon: ic_fluent_cellular_data_4_24_regular

cellular_data_4

Icon: ic_fluent_cellular_data_5_24_regular

cellular_data_5

Icon: ic_fluent_cellular_off_24_regular

cellular_off

Icon: ic_fluent_cellular_warning_24_regular

cellular_warning

Icon: ic_fluent_center_horizontal_24_regular

center_horizontal

Icon: ic_fluent_center_vertical_24_regular

center_vertical

Icon: ic_fluent_certificate_24_regular

certificate

Icon: ic_fluent_channel_24_regular

channel

Icon: ic_fluent_channel_add_24_regular

channel_add

Icon: ic_fluent_channel_alert_24_regular

channel_alert

Icon: ic_fluent_channel_arrow_left_24_regular

channel_arrow_left

Icon: ic_fluent_channel_dismiss_24_regular

channel_dismiss

Icon: ic_fluent_channel_share_24_regular

channel_share

Icon: ic_fluent_channel_subtract_24_regular

channel_subtract

Icon: ic_fluent_chart_multiple_24_regular

chart_multiple

Icon: ic_fluent_chart_person_24_regular

chart_person

Icon: ic_fluent_chat_24_regular

chat

Icon: ic_fluent_chat_bubbles_question_24_regular

chat_bubbles_question

Icon: ic_fluent_chat_dismiss_24_regular

chat_dismiss

Icon: ic_fluent_chat_help_24_regular

chat_help

Icon: ic_fluent_chat_settings_24_regular

chat_settings

Icon: ic_fluent_chat_video_24_regular

chat_video

Icon: ic_fluent_chat_warning_24_regular

chat_warning

Icon: ic_fluent_check_24_regular

check

Icon: ic_fluent_checkbox_1_24_regular

checkbox_1

Icon: ic_fluent_checkbox_2_24_regular

checkbox_2

Icon: ic_fluent_checkbox_arrow_right_24_regular

checkbox_arrow_right

Icon: ic_fluent_checkbox_checked_24_regular

checkbox_checked

Icon: ic_fluent_checkbox_indeterminate_24_regular

checkbox_indeterminate

Icon: ic_fluent_checkbox_person_24_regular

checkbox_person

Icon: ic_fluent_checkbox_unchecked_24_regular

checkbox_unchecked

Icon: ic_fluent_checkbox_warning_24_regular

checkbox_warning

Icon: ic_fluent_checkmark_24_regular

checkmark

Icon: ic_fluent_checkmark_circle_24_regular

checkmark_circle

Icon: ic_fluent_checkmark_lock_24_regular

checkmark_lock

Icon: ic_fluent_checkmark_note_20_regular

checkmark_note

Icon: ic_fluent_checkmark_square_24_regular

checkmark_square

Icon: ic_fluent_checkmark_starburst_24_regular

checkmark_starburst

Icon: ic_fluent_chevron_circle_down_24_regular

chevron_circle_down

Icon: ic_fluent_chevron_circle_left_24_regular

chevron_circle_left

Icon: ic_fluent_chevron_circle_right_24_regular

chevron_circle_right

Icon: ic_fluent_chevron_circle_up_24_regular

chevron_circle_up

Icon: ic_fluent_chevron_double_down_20_regular

chevron_double_down

Icon: ic_fluent_chevron_double_left_20_regular

chevron_double_left

Icon: ic_fluent_chevron_double_right_20_regular

chevron_double_right

Icon: ic_fluent_chevron_double_up_20_regular

chevron_double_up

Icon: ic_fluent_chevron_down_24_regular

chevron_down

Icon: ic_fluent_chevron_left_24_regular

chevron_left

Icon: ic_fluent_chevron_right_24_regular

chevron_right

Icon: ic_fluent_chevron_up_24_regular

chevron_up

Icon: ic_fluent_chevron_up_down_24_regular

chevron_up_down

Icon: ic_fluent_circle_24_regular

circle

Icon: ic_fluent_circle_edit_24_regular

circle_edit

Icon: ic_fluent_circle_half_fill_24_regular

circle_half_fill

Icon: ic_fluent_circle_line_24_regular

circle_line

Icon: ic_fluent_circle_small_24_regular

circle_small

Icon: ic_fluent_city_24_regular

city

Icon: ic_fluent_class_24_regular

class

Icon: ic_fluent_classification_24_regular

classification

Icon: ic_fluent_clear_formatting_24_regular

clear_formatting

Icon: ic_fluent_clipboard_24_regular

clipboard

Icon: ic_fluent_clipboard_arrow_right_24_regular

clipboard_arrow_right

Icon: ic_fluent_clipboard_checkmark_24_regular

clipboard_checkmark

Icon: ic_fluent_clipboard_clock_24_regular

clipboard_clock

Icon: ic_fluent_clipboard_code_24_regular

clipboard_code

Icon: ic_fluent_clipboard_data_bar_24_regular

clipboard_data_bar

Icon: ic_fluent_clipboard_edit_20_regular

clipboard_edit

Icon: ic_fluent_clipboard_error_24_regular

clipboard_error

Icon: ic_fluent_clipboard_heart_24_regular

clipboard_heart

Icon: ic_fluent_clipboard_image_24_regular

clipboard_image

Icon: ic_fluent_clipboard_letter_24_regular

clipboard_letter

Icon: ic_fluent_clipboard_link_24_regular

clipboard_link

Icon: ic_fluent_clipboard_more_24_regular

clipboard_more

Icon: ic_fluent_clipboard_paste_24_regular

clipboard_paste

Icon: ic_fluent_clipboard_pulse_24_regular

clipboard_pulse

Icon: ic_fluent_clipboard_search_24_regular

clipboard_search

Icon: ic_fluent_clipboard_settings_24_regular

clipboard_settings

Icon: ic_fluent_clipboard_task_24_regular

clipboard_task

Icon: ic_fluent_clipboard_task_add_24_regular

clipboard_task_add

Icon: ic_fluent_clipboard_task_list_ltr_24_regular

clipboard_task_list_ltr

Icon: ic_fluent_clipboard_task_list_rtl_24_regular

clipboard_task_list_rtl

Icon: ic_fluent_clipboard_text_ltr_24_regular

clipboard_text_ltr

Icon: ic_fluent_clipboard_text_rtl_24_regular

clipboard_text_rtl

Icon: ic_fluent_clock_24_regular

clock

Icon: ic_fluent_clock_alarm_24_regular

clock_alarm

Icon: ic_fluent_clock_arrow_download_24_regular

clock_arrow_download

Icon: ic_fluent_clock_dismiss_24_regular

clock_dismiss

Icon: ic_fluent_clock_pause_24_regular

clock_pause

Icon: ic_fluent_clock_toolbox_24_regular

clock_toolbox

Icon: ic_fluent_closed_caption_24_regular

closed_caption

Icon: ic_fluent_closed_caption_off_24_regular

closed_caption_off

Icon: ic_fluent_cloud_24_regular

cloud

Icon: ic_fluent_cloud_archive_24_regular

cloud_archive

Icon: ic_fluent_cloud_arrow_down_24_regular

cloud_arrow_down

Icon: ic_fluent_cloud_arrow_up_24_regular

cloud_arrow_up

Icon: ic_fluent_cloud_checkmark_24_regular

cloud_checkmark

Icon: ic_fluent_cloud_dismiss_24_regular

cloud_dismiss

Icon: ic_fluent_cloud_edit_20_regular

cloud_edit

Icon: ic_fluent_cloud_flow_24_regular

cloud_flow

Icon: ic_fluent_cloud_link_20_regular

cloud_link

Icon: ic_fluent_cloud_off_24_regular

cloud_off

Icon: ic_fluent_cloud_swap_24_regular

cloud_swap

Icon: ic_fluent_cloud_sync_24_regular

cloud_sync

Icon: ic_fluent_cloud_words_24_regular

cloud_words

Icon: ic_fluent_code_24_regular

code

Icon: ic_fluent_collections_24_regular

collections

Icon: ic_fluent_collections_add_24_regular

collections_add

Icon: ic_fluent_color_24_regular

color

Icon: ic_fluent_color_background_24_regular

color_background

Icon: ic_fluent_color_background_accent_24_regular

color_background_accent

Icon: ic_fluent_color_fill_24_regular

color_fill

Icon: ic_fluent_color_fill_accent_24_regular

color_fill_accent

Icon: ic_fluent_color_line_24_regular

color_line

Icon: ic_fluent_color_line_accent_24_regular

color_line_accent

Icon: ic_fluent_column_20_regular

column

Icon: ic_fluent_column_edit_24_regular

column_edit

Icon: ic_fluent_column_triple_24_regular

column_triple

Icon: ic_fluent_column_triple_edit_24_regular

column_triple_edit

Icon: ic_fluent_comma_24_regular

comma

Icon: ic_fluent_comment_24_regular

comment

Icon: ic_fluent_comment_add_24_regular

comment_add

Icon: ic_fluent_comment_arrow_left_24_regular

comment_arrow_left

Icon: ic_fluent_comment_arrow_right_24_regular

comment_arrow_right

Icon: ic_fluent_comment_checkmark_24_regular

comment_checkmark

Icon: ic_fluent_comment_dismiss_24_regular

comment_dismiss

Icon: ic_fluent_comment_edit_24_regular

comment_edit

Icon: ic_fluent_comment_error_24_regular

comment_error

Icon: ic_fluent_comment_lightning_24_regular

comment_lightning

Icon: ic_fluent_comment_mention_24_regular

comment_mention

Icon: ic_fluent_comment_multiple_24_regular

comment_multiple

Icon: ic_fluent_comment_multiple_checkmark_24_regular

comment_multiple_checkmark

Icon: ic_fluent_comment_multiple_link_24_regular

comment_multiple_link

Icon: ic_fluent_comment_note_24_regular

comment_note

Icon: ic_fluent_comment_off_24_regular

comment_off

Icon: ic_fluent_communication_24_regular

communication

Icon: ic_fluent_communication_person_24_regular

communication_person

Icon: ic_fluent_compass_northwest_24_regular

compass_northwest

Icon: ic_fluent_component_2_double_tap_swipe_down_24_regular

component_2_double_tap_swipe_down

Icon: ic_fluent_component_2_double_tap_swipe_up_24_regular

component_2_double_tap_swipe_up

Icon: ic_fluent_compose_24_regular

compose

Icon: ic_fluent_conference_room_24_regular

conference_room

Icon: ic_fluent_connector_24_regular

connector

Icon: ic_fluent_contact_card_24_regular

contact_card

Icon: ic_fluent_contact_card_group_24_regular

contact_card_group

Icon: ic_fluent_contact_card_ribbon_24_regular

contact_card_ribbon

Icon: ic_fluent_content_settings_24_regular

content_settings

Icon: ic_fluent_content_view_20_regular

content_view

Icon: ic_fluent_content_view_gallery_20_regular

content_view_gallery

Icon: ic_fluent_contract_down_left_24_regular

contract_down_left

Icon: ic_fluent_control_button_24_regular

control_button

Icon: ic_fluent_convert_range_24_regular

convert_range

Icon: ic_fluent_cookies_24_regular

cookies

Icon: ic_fluent_copy_24_regular

copy

Icon: ic_fluent_copy_add_24_regular

copy_add

Icon: ic_fluent_copy_arrow_right_24_regular

copy_arrow_right

Icon: ic_fluent_copy_select_20_regular

copy_select

Icon: ic_fluent_couch_24_regular

couch

Icon: ic_fluent_credit_card_person_24_regular

credit_card_person

Icon: ic_fluent_credit_card_toolbox_24_regular

credit_card_toolbox

Icon: ic_fluent_crop_24_regular

crop

Icon: ic_fluent_crop_interim_24_regular

crop_interim

Icon: ic_fluent_crop_interim_off_24_regular

crop_interim_off

Icon: ic_fluent_cube_24_regular

cube

Icon: ic_fluent_cube_multiple_24_regular

cube_multiple

Icon: ic_fluent_cube_quick_24_regular

cube_quick

Icon: ic_fluent_cube_sync_24_regular

cube_sync

Icon: ic_fluent_cube_tree_24_regular

cube_tree

Icon: ic_fluent_currency_dollar_euro_24_regular

currency_dollar_euro

Icon: ic_fluent_currency_dollar_rupee_24_regular

currency_dollar_rupee

Icon: ic_fluent_cursor_24_regular

cursor

Icon: ic_fluent_cursor_click_24_regular

cursor_click

Icon: ic_fluent_cursor_hover_24_regular

cursor_hover

Icon: ic_fluent_cursor_hover_off_24_regular

cursor_hover_off

Icon: ic_fluent_cut_24_regular

cut

Icon: ic_fluent_dark_theme_24_regular

dark_theme

Icon: ic_fluent_data_area_24_regular

data_area

Icon: ic_fluent_data_bar_horizontal_24_regular

data_bar_horizontal

Icon: ic_fluent_data_bar_vertical_24_regular

data_bar_vertical

Icon: ic_fluent_data_bar_vertical_add_24_regular

data_bar_vertical_add

Icon: ic_fluent_data_funnel_24_regular

data_funnel

Icon: ic_fluent_data_histogram_24_regular

data_histogram

Icon: ic_fluent_data_line_24_regular

data_line

Icon: ic_fluent_data_pie_24_regular

data_pie

Icon: ic_fluent_data_scatter_24_regular

data_scatter

Icon: ic_fluent_data_sunburst_24_regular

data_sunburst

Icon: ic_fluent_data_treemap_24_regular

data_treemap

Icon: ic_fluent_data_trending_24_regular

data_trending

Icon: ic_fluent_data_usage_24_regular

data_usage

Icon: ic_fluent_data_usage_edit_24_regular

data_usage_edit

Icon: ic_fluent_data_usage_toolbox_24_regular

data_usage_toolbox

Icon: ic_fluent_data_waterfall_24_regular

data_waterfall

Icon: ic_fluent_data_whisker_24_regular

data_whisker

Icon: ic_fluent_database_24_regular

database

Icon: ic_fluent_database_link_24_regular

database_link

Icon: ic_fluent_database_person_24_regular

database_person

Icon: ic_fluent_database_search_24_regular

database_search

Icon: ic_fluent_decimal_arrow_left_24_regular

decimal_arrow_left

Icon: ic_fluent_decimal_arrow_right_24_regular

decimal_arrow_right

Icon: ic_fluent_delete_24_regular

delete

Icon: ic_fluent_delete_dismiss_24_regular

delete_dismiss

Icon: ic_fluent_delete_off_24_regular

delete_off

Icon: ic_fluent_dentist_24_regular

dentist

Icon: ic_fluent_design_ideas_24_regular

design_ideas

Icon: ic_fluent_desktop_24_regular

desktop

Icon: ic_fluent_desktop_arrow_right_24_regular

desktop_arrow_right

Icon: ic_fluent_desktop_cursor_24_regular

desktop_cursor

Icon: ic_fluent_desktop_edit_24_regular

desktop_edit

Icon: ic_fluent_desktop_flow_24_regular

desktop_flow

Icon: ic_fluent_desktop_keyboard_24_regular

desktop_keyboard

Icon: ic_fluent_desktop_mac_24_regular

desktop_mac

Icon: ic_fluent_desktop_pulse_24_regular

desktop_pulse

Icon: ic_fluent_desktop_signal_24_regular

desktop_signal

Icon: ic_fluent_desktop_speaker_24_regular

desktop_speaker

Icon: ic_fluent_desktop_speaker_off_24_regular

desktop_speaker_off

Icon: ic_fluent_desktop_sync_24_regular

desktop_sync

Icon: ic_fluent_desktop_toolbox_24_regular

desktop_toolbox

Icon: ic_fluent_developer_board_24_regular

developer_board

Icon: ic_fluent_developer_board_search_24_regular

developer_board_search

Icon: ic_fluent_device_eq_24_regular

device_eq

Icon: ic_fluent_device_meeting_room_24_regular

device_meeting_room

Icon: ic_fluent_device_meeting_room_remote_24_regular

device_meeting_room_remote

Icon: ic_fluent_diagram_24_regular

diagram

Icon: ic_fluent_dialpad_24_regular

dialpad

Icon: ic_fluent_dialpad_off_24_regular

dialpad_off

Icon: ic_fluent_diamond_24_regular

diamond

Icon: ic_fluent_directions_24_regular

directions

Icon: ic_fluent_dismiss_24_regular

dismiss

Icon: ic_fluent_dismiss_circle_24_regular

dismiss_circle

Icon: ic_fluent_dismiss_square_24_regular

dismiss_square

Icon: ic_fluent_dismiss_square_multiple_20_regular

dismiss_square_multiple

Icon: ic_fluent_diversity_24_regular

diversity

Icon: ic_fluent_divider_short_24_regular

divider_short

Icon: ic_fluent_divider_tall_24_regular

divider_tall

Icon: ic_fluent_dock_24_regular

dock

Icon: ic_fluent_dock_row_24_regular

dock_row

Icon: ic_fluent_doctor_24_regular

doctor

Icon: ic_fluent_document_24_regular

document

Icon: ic_fluent_document_add_24_regular

document_add

Icon: ic_fluent_document_arrow_left_24_regular

document_arrow_left

Icon: ic_fluent_document_arrow_right_24_regular

document_arrow_right

Icon: ic_fluent_document_briefcase_24_regular

document_briefcase

Icon: ic_fluent_document_bullet_list_24_regular

document_bullet_list

Icon: ic_fluent_document_bullet_list_clock_24_regular

document_bullet_list_clock

Icon: ic_fluent_document_bullet_list_multiple_24_regular

document_bullet_list_multiple

Icon: ic_fluent_document_bullet_list_off_24_regular

document_bullet_list_off

Icon: ic_fluent_document_catch_up_24_regular

document_catch_up

Icon: ic_fluent_document_checkmark_24_regular

document_checkmark

Icon: ic_fluent_document_chevron_double_24_regular

document_chevron_double

Icon: ic_fluent_document_copy_24_regular

document_copy

Icon: ic_fluent_document_css_24_regular

document_css

Icon: ic_fluent_document_dismiss_24_regular

document_dismiss

Icon: ic_fluent_document_edit_24_regular

document_edit

Icon: ic_fluent_document_endnote_24_regular

document_endnote

Icon: ic_fluent_document_error_24_regular

document_error

Icon: ic_fluent_document_flowchart_24_regular

document_flowchart

Icon: ic_fluent_document_footer_24_regular

document_footer

Icon: ic_fluent_document_footer_dismiss_24_regular

document_footer_dismiss

Icon: ic_fluent_document_header_24_regular

document_header

Icon: ic_fluent_document_header_arrow_down_24_regular

document_header_arrow_down

Icon: ic_fluent_document_header_dismiss_24_regular

document_header_dismiss

Icon: ic_fluent_document_header_footer_24_regular

document_header_footer

Icon: ic_fluent_document_heart_24_regular

document_heart

Icon: ic_fluent_document_heart_pulse_24_regular

document_heart_pulse

Icon: ic_fluent_document_javascript_24_regular

document_javascript

Icon: ic_fluent_document_landscape_24_regular

document_landscape

Icon: ic_fluent_document_landscape_data_24_regular

document_landscape_data

Icon: ic_fluent_document_landscape_split_24_regular

document_landscape_split

Icon: ic_fluent_document_landscape_split_hint_20_regular

document_landscape_split_hint

Icon: ic_fluent_document_link_24_regular

document_link

Icon: ic_fluent_document_lock_24_regular

document_lock

Icon: ic_fluent_document_margins_24_regular

document_margins

Icon: ic_fluent_document_mention_24_regular

document_mention

Icon: ic_fluent_document_multiple_24_regular

document_multiple

Icon: ic_fluent_document_multiple_percent_24_regular

document_multiple_percent

Icon: ic_fluent_document_multiple_prohibited_24_regular

document_multiple_prohibited

Icon: ic_fluent_document_one_page_24_regular

document_one_page

Icon: ic_fluent_document_page_bottom_center_24_regular

document_page_bottom_center

Icon: ic_fluent_document_page_bottom_left_24_regular

document_page_bottom_left

Icon: ic_fluent_document_page_bottom_right_24_regular

document_page_bottom_right

Icon: ic_fluent_document_page_break_24_regular

document_page_break

Icon: ic_fluent_document_page_number_24_regular

document_page_number

Icon: ic_fluent_document_page_top_center_24_regular

document_page_top_center

Icon: ic_fluent_document_page_top_left_24_regular

document_page_top_left

Icon: ic_fluent_document_page_top_right_24_regular

document_page_top_right

Icon: ic_fluent_document_pdf_24_regular

document_pdf

Icon: ic_fluent_document_percent_24_regular

document_percent

Icon: ic_fluent_document_person_20_regular

document_person

Icon: ic_fluent_document_pill_24_regular

document_pill

Icon: ic_fluent_document_prohibited_24_regular

document_prohibited

Icon: ic_fluent_document_question_mark_24_regular

document_question_mark

Icon: ic_fluent_document_queue_24_regular

document_queue

Icon: ic_fluent_document_queue_add_24_regular

document_queue_add

Icon: ic_fluent_document_queue_multiple_24_regular

document_queue_multiple

Icon: ic_fluent_document_ribbon_24_regular

document_ribbon

Icon: ic_fluent_document_save_24_regular

document_save

Icon: ic_fluent_document_search_24_regular

document_search

Icon: ic_fluent_document_settings_20_regular

document_settings

Icon: ic_fluent_document_split_hint_24_regular

document_split_hint

Icon: ic_fluent_document_split_hint_off_24_regular

document_split_hint_off

Icon: ic_fluent_document_sync_24_regular

document_sync

Icon: ic_fluent_document_table_24_regular

document_table

Icon: ic_fluent_document_table_arrow_right_24_regular

document_table_arrow_right

Icon: ic_fluent_document_table_checkmark_24_regular

document_table_checkmark

Icon: ic_fluent_document_table_cube_24_regular

document_table_cube

Icon: ic_fluent_document_table_search_24_regular

document_table_search

Icon: ic_fluent_document_table_truck_24_regular

document_table_truck

Icon: ic_fluent_document_text_24_regular

document_text

Icon: ic_fluent_document_text_clock_24_regular

document_text_clock

Icon: ic_fluent_document_text_extract_24_regular

document_text_extract

Icon: ic_fluent_document_text_link_24_regular

document_text_link

Icon: ic_fluent_document_text_toolbox_24_regular

document_text_toolbox

Icon: ic_fluent_document_toolbox_24_regular

document_toolbox

Icon: ic_fluent_document_width_24_regular

document_width

Versão Preenchida

A versão preenchida da biblioteca de ícones Fluent UI System Icons, como o nome já indica, possui preenchimento nos glifos, utilizando-se de intersecções vazadas para distinguir diferentes figuras dentro de um mesmo ícone.

Icon: ic_fluent_access_time_24_filled

access_time

Icon: ic_fluent_accessibility_24_filled

accessibility

Icon: ic_fluent_accessibility_checkmark_24_filled

accessibility_checkmark

Icon: ic_fluent_add_24_filled

add

Icon: ic_fluent_add_circle_24_filled

add_circle

Icon: ic_fluent_add_square_24_filled

add_square

Icon: ic_fluent_add_square_multiple_20_filled

add_square_multiple

Icon: ic_fluent_add_subtract_circle_24_filled

add_subtract_circle

Icon: ic_fluent_airplane_24_filled

airplane

Icon: ic_fluent_airplane_take_off_24_filled

airplane_take_off

Icon: ic_fluent_album_24_filled

album

Icon: ic_fluent_album_add_24_filled

album_add

Icon: ic_fluent_alert_24_filled

alert

Icon: ic_fluent_alert_off_24_filled

alert_off

Icon: ic_fluent_alert_on_24_filled

alert_on

Icon: ic_fluent_alert_snooze_24_filled

alert_snooze

Icon: ic_fluent_alert_urgent_24_filled

alert_urgent

Icon: ic_fluent_align_bottom_24_filled

align_bottom

Icon: ic_fluent_align_center_horizontal_24_filled

align_center_horizontal

Icon: ic_fluent_align_center_vertical_24_filled

align_center_vertical

Icon: ic_fluent_align_left_24_filled

align_left

Icon: ic_fluent_align_right_24_filled

align_right

Icon: ic_fluent_align_top_24_filled

align_top

Icon: ic_fluent_animal_cat_24_filled

animal_cat

Icon: ic_fluent_animal_dog_24_filled

animal_dog

Icon: ic_fluent_animal_rabbit_24_filled

animal_rabbit

Icon: ic_fluent_animal_turtle_24_filled

animal_turtle

Icon: ic_fluent_app_folder_24_filled

app_folder

Icon: ic_fluent_app_generic_24_filled

app_generic

Icon: ic_fluent_app_recent_24_filled

app_recent

Icon: ic_fluent_app_store_24_filled

app_store

Icon: ic_fluent_app_title_24_filled

app_title

Icon: ic_fluent_approvals_app_24_filled

approvals_app

Icon: ic_fluent_apps_24_filled

apps

Icon: ic_fluent_apps_add_in_24_filled

apps_add_in

Icon: ic_fluent_apps_list_24_filled

apps_list

Icon: ic_fluent_apps_list_detail_24_filled

apps_list_detail

Icon: ic_fluent_archive_24_filled

archive

Icon: ic_fluent_archive_arrow_back_24_filled

archive_arrow_back

Icon: ic_fluent_archive_multiple_24_filled

archive_multiple

Icon: ic_fluent_archive_settings_24_filled

archive_settings

Icon: ic_fluent_arrow_autofit_content_24_filled

arrow_autofit_content

Icon: ic_fluent_arrow_autofit_down_24_filled

arrow_autofit_down

Icon: ic_fluent_arrow_autofit_height_24_filled

arrow_autofit_height

Icon: ic_fluent_arrow_autofit_height_dotted_24_filled

arrow_autofit_height_dotted

Icon: ic_fluent_arrow_autofit_up_24_filled

arrow_autofit_up

Icon: ic_fluent_arrow_autofit_width_24_filled

arrow_autofit_width

Icon: ic_fluent_arrow_autofit_width_dotted_24_filled

arrow_autofit_width_dotted

Icon: ic_fluent_arrow_between_down_24_filled

arrow_between_down

Icon: ic_fluent_arrow_bidirectional_up_down_24_filled

arrow_bidirectional_up_down

Icon: ic_fluent_arrow_bounce_24_filled

arrow_bounce

Icon: ic_fluent_arrow_circle_down_24_filled

arrow_circle_down

Icon: ic_fluent_arrow_circle_down_double_24_filled

arrow_circle_down_double

Icon: ic_fluent_arrow_circle_down_right_24_filled

arrow_circle_down_right

Icon: ic_fluent_arrow_circle_down_split_24_filled

arrow_circle_down_split

Icon: ic_fluent_arrow_circle_left_24_filled

arrow_circle_left

Icon: ic_fluent_arrow_circle_right_24_filled

arrow_circle_right

Icon: ic_fluent_arrow_circle_up_24_filled

arrow_circle_up

Icon: ic_fluent_arrow_circle_up_left_24_filled

arrow_circle_up_left

Icon: ic_fluent_arrow_clockwise_24_filled

arrow_clockwise

Icon: ic_fluent_arrow_clockwise_dashes_24_filled

arrow_clockwise_dashes

Icon: ic_fluent_arrow_collapse_all_24_filled

arrow_collapse_all

Icon: ic_fluent_arrow_counterclockwise_24_filled

arrow_counterclockwise

Icon: ic_fluent_arrow_counterclockwise_dashes_24_filled

arrow_counterclockwise_dashes

Icon: ic_fluent_arrow_curve_down_left_24_filled

arrow_curve_down_left

Icon: ic_fluent_arrow_curve_down_right_20_filled

arrow_curve_down_right

Icon: ic_fluent_arrow_curve_up_left_20_filled

arrow_curve_up_left

Icon: ic_fluent_arrow_curve_up_right_20_filled

arrow_curve_up_right

Icon: ic_fluent_arrow_down_24_filled

arrow_down

Icon: ic_fluent_arrow_down_left_24_filled

arrow_down_left

Icon: ic_fluent_arrow_download_24_filled

arrow_download

Icon: ic_fluent_arrow_eject_20_filled

arrow_eject

Icon: ic_fluent_arrow_enter_left_24_filled

arrow_enter_left

Icon: ic_fluent_arrow_enter_up_24_filled

arrow_enter_up

Icon: ic_fluent_arrow_expand_24_filled

arrow_expand

Icon: ic_fluent_arrow_export_ltr_24_filled

arrow_export_ltr

Icon: ic_fluent_arrow_export_rtl_24_filled

arrow_export_rtl

Icon: ic_fluent_arrow_export_up_24_filled

arrow_export_up

Icon: ic_fluent_arrow_fit_20_filled

arrow_fit

Icon: ic_fluent_arrow_forward_24_filled

arrow_forward

Icon: ic_fluent_arrow_forward_down_lightning_24_filled

arrow_forward_down_lightning

Icon: ic_fluent_arrow_forward_down_person_24_filled

arrow_forward_down_person

Icon: ic_fluent_arrow_hook_down_left_24_filled

arrow_hook_down_left

Icon: ic_fluent_arrow_hook_down_right_24_filled

arrow_hook_down_right

Icon: ic_fluent_arrow_hook_up_left_24_filled

arrow_hook_up_left

Icon: ic_fluent_arrow_hook_up_right_24_filled

arrow_hook_up_right

Icon: ic_fluent_arrow_import_24_filled

arrow_import

Icon: ic_fluent_arrow_left_24_filled

arrow_left

Icon: ic_fluent_arrow_maximize_24_filled

arrow_maximize

Icon: ic_fluent_arrow_maximize_vertical_24_filled

arrow_maximize_vertical

Icon: ic_fluent_arrow_minimize_24_filled

arrow_minimize

Icon: ic_fluent_arrow_minimize_vertical_24_filled

arrow_minimize_vertical

Icon: ic_fluent_arrow_move_24_filled

arrow_move

Icon: ic_fluent_arrow_next_24_filled

arrow_next

Icon: ic_fluent_arrow_paragraph_20_filled

arrow_paragraph

Icon: ic_fluent_arrow_previous_24_filled

arrow_previous

Icon: ic_fluent_arrow_redo_24_filled

arrow_redo

Icon: ic_fluent_arrow_repeat_all_24_filled

arrow_repeat_all

Icon: ic_fluent_arrow_repeat_all_off_24_filled

arrow_repeat_all_off

Icon: ic_fluent_arrow_reply_24_filled

arrow_reply

Icon: ic_fluent_arrow_reply_all_24_filled

arrow_reply_all

Icon: ic_fluent_arrow_reply_down_24_filled

arrow_reply_down

Icon: ic_fluent_arrow_reset_24_filled

arrow_reset

Icon: ic_fluent_arrow_right_24_filled

arrow_right

Icon: ic_fluent_arrow_rotate_clockwise_24_filled

arrow_rotate_clockwise

Icon: ic_fluent_arrow_rotate_counterclockwise_24_filled

arrow_rotate_counterclockwise

Icon: ic_fluent_arrow_routing_24_filled

arrow_routing

Icon: ic_fluent_arrow_routing_rectangle_multiple_24_filled

arrow_routing_rectangle_multiple

Icon: ic_fluent_arrow_sort_24_filled

arrow_sort

Icon: ic_fluent_arrow_sort_down_24_filled

arrow_sort_down

Icon: ic_fluent_arrow_sort_down_lines_24_filled

arrow_sort_down_lines

Icon: ic_fluent_arrow_sort_up_24_filled

arrow_sort_up

Icon: ic_fluent_arrow_split_20_filled

arrow_split

Icon: ic_fluent_arrow_square_down_24_filled

arrow_square_down

Icon: ic_fluent_arrow_step_in_24_filled

arrow_step_in

Icon: ic_fluent_arrow_step_in_left_24_filled

arrow_step_in_left

Icon: ic_fluent_arrow_step_in_right_24_filled

arrow_step_in_right

Icon: ic_fluent_arrow_step_out_24_filled

arrow_step_out

Icon: ic_fluent_arrow_step_over_20_filled

arrow_step_over

Icon: ic_fluent_arrow_swap_24_filled

arrow_swap

Icon: ic_fluent_arrow_sync_24_filled

arrow_sync

Icon: ic_fluent_arrow_sync_checkmark_24_filled

arrow_sync_checkmark

Icon: ic_fluent_arrow_sync_circle_24_filled

arrow_sync_circle

Icon: ic_fluent_arrow_sync_dismiss_24_filled

arrow_sync_dismiss

Icon: ic_fluent_arrow_trending_24_filled

arrow_trending

Icon: ic_fluent_arrow_trending_checkmark_24_filled

arrow_trending_checkmark

Icon: ic_fluent_arrow_trending_down_24_filled

arrow_trending_down

Icon: ic_fluent_arrow_trending_lines_24_filled

arrow_trending_lines

Icon: ic_fluent_arrow_trending_settings_24_filled

arrow_trending_settings

Icon: ic_fluent_arrow_trending_text_24_filled

arrow_trending_text

Icon: ic_fluent_arrow_trending_wrench_24_filled

arrow_trending_wrench

Icon: ic_fluent_arrow_turn_bidirectional_down_right_24_filled

arrow_turn_bidirectional_down_right

Icon: ic_fluent_arrow_turn_right_24_filled

arrow_turn_right

Icon: ic_fluent_arrow_undo_24_filled

arrow_undo

Icon: ic_fluent_arrow_up_24_filled

arrow_up

Icon: ic_fluent_arrow_up_left_24_filled

arrow_up_left

Icon: ic_fluent_arrow_up_right_24_filled

arrow_up_right

Icon: ic_fluent_arrow_upload_24_filled

arrow_upload

Icon: ic_fluent_arrow_wrap_20_filled

arrow_wrap

Icon: ic_fluent_arrow_wrap_off_20_filled

arrow_wrap_off

Icon: ic_fluent_arrows_bidirectional_24_filled

arrows_bidirectional

Icon: ic_fluent_attach_24_filled

attach

Icon: ic_fluent_attach_arrow_right_24_filled

attach_arrow_right

Icon: ic_fluent_attach_text_24_filled

attach_text

Icon: ic_fluent_auto_fit_height_24_filled

auto_fit_height

Icon: ic_fluent_auto_fit_width_24_filled

auto_fit_width

Icon: ic_fluent_autocorrect_24_filled

autocorrect

Icon: ic_fluent_autosum_24_filled

autosum

Icon: ic_fluent_backpack_24_filled

backpack

Icon: ic_fluent_backpack_add_24_filled

backpack_add

Icon: ic_fluent_backspace_24_filled

backspace

Icon: ic_fluent_badge_24_filled

badge

Icon: ic_fluent_balloon_24_filled

balloon

Icon: ic_fluent_barcode_scanner_24_filled

barcode_scanner

Icon: ic_fluent_battery_0_24_filled

battery_0

Icon: ic_fluent_battery_1_24_filled

battery_1

Icon: ic_fluent_battery_10_24_filled

battery_10

Icon: ic_fluent_battery_2_24_filled

battery_2

Icon: ic_fluent_battery_3_24_filled

battery_3

Icon: ic_fluent_battery_4_24_filled

battery_4

Icon: ic_fluent_battery_5_24_filled

battery_5

Icon: ic_fluent_battery_6_24_filled

battery_6

Icon: ic_fluent_battery_7_24_filled

battery_7

Icon: ic_fluent_battery_8_24_filled

battery_8

Icon: ic_fluent_battery_9_24_filled

battery_9

Icon: ic_fluent_battery_charge_24_filled

battery_charge

Icon: ic_fluent_battery_checkmark_24_filled

battery_checkmark

Icon: ic_fluent_battery_saver_24_filled

battery_saver

Icon: ic_fluent_battery_warning_24_filled

battery_warning

Icon: ic_fluent_beach_24_filled

beach

Icon: ic_fluent_beaker_24_filled

beaker

Icon: ic_fluent_beaker_edit_24_filled

beaker_edit

Icon: ic_fluent_bed_24_filled

bed

Icon: ic_fluent_bezier_curve_square_20_filled

bezier_curve_square

Icon: ic_fluent_bin_full_24_filled

bin_full

Icon: ic_fluent_bluetooth_24_filled

bluetooth

Icon: ic_fluent_bluetooth_connected_24_filled

bluetooth_connected

Icon: ic_fluent_bluetooth_disabled_24_filled

bluetooth_disabled

Icon: ic_fluent_bluetooth_searching_24_filled

bluetooth_searching

Icon: ic_fluent_blur_24_filled

blur

Icon: ic_fluent_board_24_filled

board

Icon: ic_fluent_board_heart_24_filled

board_heart

Icon: ic_fluent_board_split_24_filled

board_split

Icon: ic_fluent_book_24_filled

book

Icon: ic_fluent_book_add_24_filled

book_add

Icon: ic_fluent_book_arrow_clockwise_24_filled

book_arrow_clockwise

Icon: ic_fluent_book_clock_24_filled

book_clock

Icon: ic_fluent_book_coins_24_filled

book_coins

Icon: ic_fluent_book_compass_24_filled

book_compass

Icon: ic_fluent_book_contacts_24_filled

book_contacts

Icon: ic_fluent_book_database_24_filled

book_database

Icon: ic_fluent_book_exclamation_mark_24_filled

book_exclamation_mark

Icon: ic_fluent_book_globe_24_filled

book_globe

Icon: ic_fluent_book_information_24_filled

book_information

Icon: ic_fluent_book_letter_24_filled

book_letter

Icon: ic_fluent_book_number_24_filled

book_number

Icon: ic_fluent_book_open_24_filled

book_open

Icon: ic_fluent_book_open_globe_24_filled

book_open_globe

Icon: ic_fluent_book_open_microphone_24_filled

book_open_microphone

Icon: ic_fluent_book_pulse_24_filled

book_pulse

Icon: ic_fluent_book_question_mark_24_filled

book_question_mark

Icon: ic_fluent_book_question_mark_rtl_24_filled

book_question_mark_rtl

Icon: ic_fluent_book_search_24_filled

book_search

Icon: ic_fluent_book_star_24_filled

book_star

Icon: ic_fluent_book_toolbox_24_filled

book_toolbox

Icon: ic_fluent_bookmark_24_filled

bookmark

Icon: ic_fluent_bookmark_add_24_filled

bookmark_add

Icon: ic_fluent_bookmark_multiple_24_filled

bookmark_multiple

Icon: ic_fluent_bookmark_off_24_filled

bookmark_off

Icon: ic_fluent_bookmark_search_24_filled

bookmark_search

Icon: ic_fluent_border_all_24_filled

border_all

Icon: ic_fluent_border_bottom_24_filled

border_bottom

Icon: ic_fluent_border_bottom_double_24_filled

border_bottom_double

Icon: ic_fluent_border_bottom_thick_24_filled

border_bottom_thick

Icon: ic_fluent_border_left_24_filled

border_left

Icon: ic_fluent_border_left_right_24_filled

border_left_right

Icon: ic_fluent_border_none_24_filled

border_none

Icon: ic_fluent_border_outside_24_filled

border_outside

Icon: ic_fluent_border_outside_thick_24_filled

border_outside_thick

Icon: ic_fluent_border_right_24_filled

border_right

Icon: ic_fluent_border_top_24_filled

border_top

Icon: ic_fluent_border_top_bottom_24_filled

border_top_bottom

Icon: ic_fluent_border_top_bottom_double_24_filled

border_top_bottom_double

Icon: ic_fluent_border_top_bottom_thick_24_filled

border_top_bottom_thick

Icon: ic_fluent_bot_24_filled

bot

Icon: ic_fluent_bot_add_24_filled

bot_add

Icon: ic_fluent_bowl_chopsticks_24_filled

bowl_chopsticks

Icon: ic_fluent_box_24_filled

box

Icon: ic_fluent_box_arrow_left_24_filled

box_arrow_left

Icon: ic_fluent_box_arrow_up_24_filled

box_arrow_up

Icon: ic_fluent_box_checkmark_24_filled

box_checkmark

Icon: ic_fluent_box_dismiss_24_filled

box_dismiss

Icon: ic_fluent_box_edit_24_filled

box_edit

Icon: ic_fluent_box_multiple_24_filled

box_multiple

Icon: ic_fluent_box_multiple_arrow_left_24_filled

box_multiple_arrow_left

Icon: ic_fluent_box_multiple_arrow_right_24_filled

box_multiple_arrow_right

Icon: ic_fluent_box_multiple_checkmark_24_filled

box_multiple_checkmark

Icon: ic_fluent_box_multiple_search_24_filled

box_multiple_search

Icon: ic_fluent_box_search_24_filled

box_search

Icon: ic_fluent_box_toolbox_24_filled

box_toolbox

Icon: ic_fluent_braces_24_filled

braces

Icon: ic_fluent_braces_variable_24_filled

braces_variable

Icon: ic_fluent_brain_circuit_24_filled

brain_circuit

Icon: ic_fluent_branch_24_filled

branch

Icon: ic_fluent_branch_compare_24_filled

branch_compare

Icon: ic_fluent_branch_fork_24_filled

branch_fork

Icon: ic_fluent_branch_fork_hint_24_filled

branch_fork_hint

Icon: ic_fluent_branch_fork_link_24_filled

branch_fork_link

Icon: ic_fluent_breakout_room_24_filled

breakout_room

Icon: ic_fluent_briefcase_24_filled

briefcase

Icon: ic_fluent_briefcase_medical_24_filled

briefcase_medical

Icon: ic_fluent_briefcase_off_24_filled

briefcase_off

Icon: ic_fluent_brightness_high_24_filled

brightness_high

Icon: ic_fluent_brightness_low_24_filled

brightness_low

Icon: ic_fluent_broad_activity_feed_24_filled

broad_activity_feed

Icon: ic_fluent_broom_24_filled

broom

Icon: ic_fluent_bug_24_filled

bug

Icon: ic_fluent_building_24_filled

building

Icon: ic_fluent_building_bank_24_filled

building_bank

Icon: ic_fluent_building_bank_link_24_filled

building_bank_link

Icon: ic_fluent_building_bank_toolbox_24_filled

building_bank_toolbox

Icon: ic_fluent_building_factory_24_filled

building_factory

Icon: ic_fluent_building_government_24_filled

building_government

Icon: ic_fluent_building_home_24_filled

building_home

Icon: ic_fluent_building_multiple_24_filled

building_multiple

Icon: ic_fluent_building_retail_24_filled

building_retail

Icon: ic_fluent_building_retail_money_24_filled

building_retail_money

Icon: ic_fluent_building_retail_shield_24_filled

building_retail_shield

Icon: ic_fluent_building_retail_toolbox_24_filled

building_retail_toolbox

Icon: ic_fluent_building_shop_24_filled

building_shop

Icon: ic_fluent_building_skyscraper_24_filled

building_skyscraper

Icon: ic_fluent_calculator_24_filled

calculator

Icon: ic_fluent_calculator_arrow_clockwise_24_filled

calculator_arrow_clockwise

Icon: ic_fluent_calculator_multiple_24_filled

calculator_multiple

Icon: ic_fluent_calendar_3_day_24_filled

calendar_3_day

Icon: ic_fluent_calendar_add_24_filled

calendar_add

Icon: ic_fluent_calendar_agenda_24_filled

calendar_agenda

Icon: ic_fluent_calendar_arrow_down_24_filled

calendar_arrow_down

Icon: ic_fluent_calendar_arrow_right_24_filled

calendar_arrow_right

Icon: ic_fluent_calendar_assistant_24_filled

calendar_assistant

Icon: ic_fluent_calendar_cancel_24_filled

calendar_cancel

Icon: ic_fluent_calendar_chat_24_filled

calendar_chat

Icon: ic_fluent_calendar_checkmark_24_filled

calendar_checkmark

Icon: ic_fluent_calendar_clock_24_filled

calendar_clock

Icon: ic_fluent_calendar_day_24_filled

calendar_day

Icon: ic_fluent_calendar_edit_24_filled

calendar_edit

Icon: ic_fluent_calendar_empty_24_filled

calendar_empty

Icon: ic_fluent_calendar_error_24_filled

calendar_error

Icon: ic_fluent_calendar_info_16_filled

calendar_info

Icon: ic_fluent_calendar_ltr_24_filled

calendar_ltr

Icon: ic_fluent_calendar_mail_16_filled

calendar_mail

Icon: ic_fluent_calendar_mention_20_filled

calendar_mention

Icon: ic_fluent_calendar_month_24_filled

calendar_month

Icon: ic_fluent_calendar_multiple_24_filled

calendar_multiple

Icon: ic_fluent_calendar_pattern_16_filled

calendar_pattern

Icon: ic_fluent_calendar_person_24_filled

calendar_person

Icon: ic_fluent_calendar_phone_16_filled

calendar_phone

Icon: ic_fluent_calendar_question_mark_24_filled

calendar_question_mark

Icon: ic_fluent_calendar_reply_24_filled

calendar_reply

Icon: ic_fluent_calendar_rtl_24_filled

calendar_rtl

Icon: ic_fluent_calendar_search_16_filled

calendar_search

Icon: ic_fluent_calendar_settings_16_filled

calendar_settings

Icon: ic_fluent_calendar_star_24_filled

calendar_star

Icon: ic_fluent_calendar_sync_24_filled

calendar_sync

Icon: ic_fluent_calendar_today_24_filled

calendar_today

Icon: ic_fluent_calendar_toolbox_24_filled

calendar_toolbox

Icon: ic_fluent_calendar_week_numbers_24_filled

calendar_week_numbers

Icon: ic_fluent_calendar_week_start_24_filled

calendar_week_start

Icon: ic_fluent_calendar_work_week_24_filled

calendar_work_week

Icon: ic_fluent_call_24_filled

call

Icon: ic_fluent_call_add_24_filled

call_add

Icon: ic_fluent_call_checkmark_24_filled

call_checkmark

Icon: ic_fluent_call_dismiss_24_filled

call_dismiss

Icon: ic_fluent_call_end_24_filled

call_end

Icon: ic_fluent_call_forward_24_filled

call_forward

Icon: ic_fluent_call_inbound_24_filled

call_inbound

Icon: ic_fluent_call_missed_24_filled

call_missed

Icon: ic_fluent_call_outbound_24_filled

call_outbound

Icon: ic_fluent_call_park_24_filled

call_park

Icon: ic_fluent_call_pause_24_filled

call_pause

Icon: ic_fluent_call_prohibited_24_filled

call_prohibited

Icon: ic_fluent_call_transfer_20_filled

call_transfer

Icon: ic_fluent_calligraphy_pen_24_filled

calligraphy_pen

Icon: ic_fluent_camera_24_filled

camera

Icon: ic_fluent_camera_add_24_filled

camera_add

Icon: ic_fluent_camera_dome_24_filled

camera_dome

Icon: ic_fluent_camera_off_24_filled

camera_off

Icon: ic_fluent_camera_switch_24_filled

camera_switch

Icon: ic_fluent_caret_down_24_filled

caret_down

Icon: ic_fluent_caret_down_right_24_filled

caret_down_right

Icon: ic_fluent_caret_left_24_filled

caret_left

Icon: ic_fluent_caret_right_24_filled

caret_right

Icon: ic_fluent_caret_up_24_filled

caret_up

Icon: ic_fluent_cart_24_filled

cart

Icon: ic_fluent_cast_24_filled

cast

Icon: ic_fluent_cellular_3g_24_filled

cellular_3g

Icon: ic_fluent_cellular_4g_24_filled

cellular_4g

Icon: ic_fluent_cellular_5g_24_filled

cellular_5g

Icon: ic_fluent_cellular_data_1_24_filled

cellular_data_1

Icon: ic_fluent_cellular_data_2_24_filled

cellular_data_2

Icon: ic_fluent_cellular_data_3_24_filled

cellular_data_3

Icon: ic_fluent_cellular_data_4_24_filled

cellular_data_4

Icon: ic_fluent_cellular_data_5_24_filled

cellular_data_5

Icon: ic_fluent_cellular_off_24_filled

cellular_off

Icon: ic_fluent_cellular_warning_24_filled

cellular_warning

Icon: ic_fluent_center_horizontal_24_filled

center_horizontal

Icon: ic_fluent_center_vertical_24_filled

center_vertical

Icon: ic_fluent_certificate_24_filled

certificate

Icon: ic_fluent_channel_24_filled

channel

Icon: ic_fluent_channel_add_24_filled

channel_add

Icon: ic_fluent_channel_alert_24_filled

channel_alert

Icon: ic_fluent_channel_arrow_left_24_filled

channel_arrow_left

Icon: ic_fluent_channel_dismiss_24_filled

channel_dismiss

Icon: ic_fluent_channel_share_24_filled

channel_share

Icon: ic_fluent_channel_subtract_24_filled

channel_subtract

Icon: ic_fluent_chart_multiple_24_filled

chart_multiple

Icon: ic_fluent_chart_person_24_filled

chart_person

Icon: ic_fluent_chat_24_filled

chat

Icon: ic_fluent_chat_arrow_back_20_filled

chat_arrow_back

Icon: ic_fluent_chat_arrow_double_back_20_filled

chat_arrow_double_back

Icon: ic_fluent_chat_bubbles_question_24_filled

chat_bubbles_question

Icon: ic_fluent_chat_dismiss_24_filled

chat_dismiss

Icon: ic_fluent_chat_help_24_filled

chat_help

Icon: ic_fluent_chat_mail_20_filled

chat_mail

Icon: ic_fluent_chat_multiple_24_filled

chat_multiple

Icon: ic_fluent_chat_off_24_filled

chat_off

Icon: ic_fluent_chat_settings_24_filled

chat_settings

Icon: ic_fluent_chat_video_24_filled

chat_video

Icon: ic_fluent_chat_warning_24_filled

chat_warning

Icon: ic_fluent_check_24_filled

check

Icon: ic_fluent_checkbox_1_24_filled

checkbox_1

Icon: ic_fluent_checkbox_2_24_filled

checkbox_2

Icon: ic_fluent_checkbox_arrow_right_24_filled

checkbox_arrow_right

Icon: ic_fluent_checkbox_checked_24_filled

checkbox_checked

Icon: ic_fluent_checkbox_checked_sync_20_filled

checkbox_checked_sync

Icon: ic_fluent_checkbox_indeterminate_24_filled

checkbox_indeterminate

Icon: ic_fluent_checkbox_person_24_filled

checkbox_person

Icon: ic_fluent_checkbox_unchecked_24_filled

checkbox_unchecked

Icon: ic_fluent_checkbox_warning_24_filled

checkbox_warning

Icon: ic_fluent_checkmark_24_filled

checkmark

Icon: ic_fluent_checkmark_circle_24_filled

checkmark_circle

Icon: ic_fluent_checkmark_lock_24_filled

checkmark_lock

Icon: ic_fluent_checkmark_note_20_filled

checkmark_note

Icon: ic_fluent_checkmark_square_24_filled

checkmark_square

Icon: ic_fluent_checkmark_starburst_24_filled

checkmark_starburst

Icon: ic_fluent_checkmark_underline_circle_20_filled

checkmark_underline_circle

Icon: ic_fluent_chevron_circle_down_24_filled

chevron_circle_down

Icon: ic_fluent_chevron_circle_left_24_filled

chevron_circle_left

Icon: ic_fluent_chevron_circle_right_24_filled

chevron_circle_right

Icon: ic_fluent_chevron_circle_up_24_filled

chevron_circle_up

Icon: ic_fluent_chevron_double_down_20_filled

chevron_double_down

Icon: ic_fluent_chevron_double_left_20_filled

chevron_double_left

Icon: ic_fluent_chevron_double_right_20_filled

chevron_double_right

Icon: ic_fluent_chevron_double_up_20_filled

chevron_double_up

Icon: ic_fluent_chevron_down_24_filled

chevron_down

Icon: ic_fluent_chevron_left_24_filled

chevron_left

Icon: ic_fluent_chevron_right_24_filled

chevron_right

Icon: ic_fluent_chevron_up_24_filled

chevron_up

Icon: ic_fluent_chevron_up_down_20_filled

chevron_up_down

Icon: ic_fluent_circle_24_filled

circle

Icon: ic_fluent_circle_edit_24_filled

circle_edit

Icon: ic_fluent_circle_half_fill_24_filled

circle_half_fill

Icon: ic_fluent_circle_line_24_filled

circle_line

Icon: ic_fluent_circle_small_24_filled

circle_small

Icon: ic_fluent_city_24_filled

city

Icon: ic_fluent_class_24_filled

class

Icon: ic_fluent_classification_24_filled

classification

Icon: ic_fluent_clear_formatting_24_filled

clear_formatting

Icon: ic_fluent_clipboard_24_filled

clipboard

Icon: ic_fluent_clipboard_arrow_right_24_filled

clipboard_arrow_right

Icon: ic_fluent_clipboard_bullet_list_ltr_20_filled

clipboard_bullet_list_ltr

Icon: ic_fluent_clipboard_bullet_list_rtl_20_filled

clipboard_bullet_list_rtl

Icon: ic_fluent_clipboard_checkmark_24_filled

clipboard_checkmark

Icon: ic_fluent_clipboard_clock_24_filled

clipboard_clock

Icon: ic_fluent_clipboard_code_24_filled

clipboard_code

Icon: ic_fluent_clipboard_data_bar_24_filled

clipboard_data_bar

Icon: ic_fluent_clipboard_edit_20_filled

clipboard_edit

Icon: ic_fluent_clipboard_error_24_filled

clipboard_error

Icon: ic_fluent_clipboard_heart_24_filled

clipboard_heart

Icon: ic_fluent_clipboard_image_24_filled

clipboard_image

Icon: ic_fluent_clipboard_letter_24_filled

clipboard_letter

Icon: ic_fluent_clipboard_link_24_filled

clipboard_link

Icon: ic_fluent_clipboard_more_24_filled

clipboard_more

Icon: ic_fluent_clipboard_note_20_filled

clipboard_note

Icon: ic_fluent_clipboard_paste_24_filled

clipboard_paste

Icon: ic_fluent_clipboard_pulse_24_filled

clipboard_pulse

Icon: ic_fluent_clipboard_search_24_filled

clipboard_search

Icon: ic_fluent_clipboard_settings_24_filled

clipboard_settings

Icon: ic_fluent_clipboard_task_24_filled

clipboard_task

Icon: ic_fluent_clipboard_task_add_24_filled

clipboard_task_add

Icon: ic_fluent_clipboard_task_list_ltr_24_filled

clipboard_task_list_ltr

Icon: ic_fluent_clipboard_task_list_rtl_24_filled

clipboard_task_list_rtl

Icon: ic_fluent_clipboard_text_ltr_24_filled

clipboard_text_ltr

Icon: ic_fluent_clipboard_text_rtl_24_filled

clipboard_text_rtl

Icon: ic_fluent_clock_24_filled

clock

Icon: ic_fluent_clock_alarm_24_filled

clock_alarm

Icon: ic_fluent_clock_arrow_download_24_filled

clock_arrow_download

Icon: ic_fluent_clock_dismiss_24_filled

clock_dismiss

Icon: ic_fluent_clock_pause_24_filled

clock_pause

Icon: ic_fluent_clock_toolbox_24_filled

clock_toolbox

Icon: ic_fluent_closed_caption_24_filled

closed_caption

Icon: ic_fluent_closed_caption_off_24_filled

closed_caption_off

Icon: ic_fluent_cloud_24_filled

cloud

Icon: ic_fluent_cloud_add_20_filled

cloud_add

Icon: ic_fluent_cloud_archive_24_filled

cloud_archive

Icon: ic_fluent_cloud_arrow_down_24_filled

cloud_arrow_down

Icon: ic_fluent_cloud_arrow_up_24_filled

cloud_arrow_up

Icon: ic_fluent_cloud_checkmark_24_filled

cloud_checkmark

Icon: ic_fluent_cloud_dismiss_24_filled

cloud_dismiss

Icon: ic_fluent_cloud_edit_20_filled

cloud_edit

Icon: ic_fluent_cloud_flow_24_filled

cloud_flow

Icon: ic_fluent_cloud_link_20_filled

cloud_link

Icon: ic_fluent_cloud_off_24_filled

cloud_off

Icon: ic_fluent_cloud_swap_24_filled

cloud_swap

Icon: ic_fluent_cloud_sync_24_filled

cloud_sync

Icon: ic_fluent_cloud_words_24_filled

cloud_words

Icon: ic_fluent_code_24_filled

code

Icon: ic_fluent_collections_24_filled

collections

Icon: ic_fluent_collections_add_24_filled

collections_add

Icon: ic_fluent_color_24_filled

color

Icon: ic_fluent_color_background_24_filled

color_background

Icon: ic_fluent_color_fill_24_filled

color_fill

Icon: ic_fluent_color_line_24_filled

color_line

Icon: ic_fluent_column_edit_24_filled

column_edit

Icon: ic_fluent_column_triple_24_filled

column_triple

Icon: ic_fluent_column_triple_edit_24_filled

column_triple_edit

Icon: ic_fluent_comma_24_filled

comma

Icon: ic_fluent_comment_24_filled

comment

Icon: ic_fluent_comment_add_24_filled

comment_add

Icon: ic_fluent_comment_arrow_left_24_filled

comment_arrow_left

Icon: ic_fluent_comment_arrow_right_24_filled

comment_arrow_right

Icon: ic_fluent_comment_checkmark_24_filled

comment_checkmark

Icon: ic_fluent_comment_dismiss_24_filled

comment_dismiss

Icon: ic_fluent_comment_edit_24_filled

comment_edit

Icon: ic_fluent_comment_error_24_filled

comment_error

Icon: ic_fluent_comment_lightning_24_filled

comment_lightning

Icon: ic_fluent_comment_mention_24_filled

comment_mention

Icon: ic_fluent_comment_multiple_24_filled

comment_multiple

Icon: ic_fluent_comment_multiple_checkmark_24_filled

comment_multiple_checkmark

Icon: ic_fluent_comment_multiple_link_24_filled

comment_multiple_link

Icon: ic_fluent_comment_note_24_filled

comment_note

Icon: ic_fluent_comment_off_24_filled

comment_off

Icon: ic_fluent_communication_24_filled

communication

Icon: ic_fluent_communication_person_24_filled

communication_person

Icon: ic_fluent_compass_northwest_24_filled

compass_northwest

Icon: ic_fluent_component_2_double_tap_swipe_down_24_filled

component_2_double_tap_swipe_down

Icon: ic_fluent_component_2_double_tap_swipe_up_24_filled

component_2_double_tap_swipe_up

Icon: ic_fluent_compose_24_filled

compose

Icon: ic_fluent_conference_room_24_filled

conference_room

Icon: ic_fluent_connector_24_filled

connector

Icon: ic_fluent_contact_card_24_filled

contact_card

Icon: ic_fluent_contact_card_group_24_filled

contact_card_group

Icon: ic_fluent_contact_card_ribbon_24_filled

contact_card_ribbon

Icon: ic_fluent_content_settings_24_filled

content_settings

Icon: ic_fluent_content_view_32_filled

content_view_32

Icon: ic_fluent_content_view_gallery_20_filled

content_view_gallery

Icon: ic_fluent_contract_down_left_24_filled

contract_down_left

Icon: ic_fluent_control_button_24_filled

control_button

Icon: ic_fluent_convert_range_24_filled

convert_range

Icon: ic_fluent_cookies_24_filled

cookies

Icon: ic_fluent_copy_24_filled

copy

Icon: ic_fluent_copy_add_24_filled

copy_add

Icon: ic_fluent_copy_arrow_right_24_filled

copy_arrow_right

Icon: ic_fluent_copy_select_20_filled

copy_select

Icon: ic_fluent_couch_24_filled

couch

Icon: ic_fluent_credit_card_person_24_filled

credit_card_person

Icon: ic_fluent_credit_card_toolbox_24_filled

credit_card_toolbox

Icon: ic_fluent_crop_24_filled

crop

Icon: ic_fluent_crop_interim_24_filled

crop_interim

Icon: ic_fluent_crop_interim_off_24_filled

crop_interim_off

Icon: ic_fluent_cube_24_filled

cube

Icon: ic_fluent_cube_multiple_24_filled

cube_multiple

Icon: ic_fluent_cube_quick_24_filled

cube_quick

Icon: ic_fluent_cube_sync_24_filled

cube_sync

Icon: ic_fluent_cube_tree_24_filled

cube_tree

Icon: ic_fluent_currency_dollar_euro_24_filled

currency_dollar_euro

Icon: ic_fluent_currency_dollar_rupee_24_filled

currency_dollar_rupee

Icon: ic_fluent_cursor_24_filled

cursor

Icon: ic_fluent_cursor_click_24_filled

cursor_click

Icon: ic_fluent_cursor_hover_24_filled

cursor_hover

Icon: ic_fluent_cursor_hover_off_24_filled

cursor_hover_off

Icon: ic_fluent_cut_24_filled

cut

Icon: ic_fluent_dark_theme_24_filled

dark_theme

Icon: ic_fluent_data_area_24_filled

data_area

Icon: ic_fluent_data_bar_horizontal_24_filled

data_bar_horizontal

Icon: ic_fluent_data_bar_vertical_24_filled

data_bar_vertical

Icon: ic_fluent_data_bar_vertical_add_24_filled

data_bar_vertical_add

Icon: ic_fluent_data_funnel_24_filled

data_funnel

Icon: ic_fluent_data_histogram_24_filled

data_histogram

Icon: ic_fluent_data_line_24_filled

data_line

Icon: ic_fluent_data_pie_24_filled

data_pie

Icon: ic_fluent_data_scatter_24_filled

data_scatter

Icon: ic_fluent_data_sunburst_24_filled

data_sunburst

Icon: ic_fluent_data_treemap_24_filled

data_treemap

Icon: ic_fluent_data_trending_24_filled

data_trending

Icon: ic_fluent_data_usage_24_filled

data_usage

Icon: ic_fluent_data_usage_edit_24_filled

data_usage_edit

Icon: ic_fluent_data_usage_toolbox_24_filled

data_usage_toolbox

Icon: ic_fluent_data_waterfall_24_filled

data_waterfall

Icon: ic_fluent_data_whisker_24_filled

data_whisker

Icon: ic_fluent_database_24_filled

database

Icon: ic_fluent_database_link_24_filled

database_link

Icon: ic_fluent_database_person_24_filled

database_person

Icon: ic_fluent_database_search_24_filled

database_search

Icon: ic_fluent_decimal_arrow_left_24_filled

decimal_arrow_left

Icon: ic_fluent_decimal_arrow_right_24_filled

decimal_arrow_right

Icon: ic_fluent_delete_24_filled

delete

Icon: ic_fluent_delete_dismiss_24_filled

delete_dismiss

Icon: ic_fluent_delete_off_24_filled

delete_off

Icon: ic_fluent_dentist_24_filled

dentist

Icon: ic_fluent_design_ideas_24_filled

design_ideas

Icon: ic_fluent_desktop_24_filled

desktop

Icon: ic_fluent_desktop_arrow_right_24_filled

desktop_arrow_right

Icon: ic_fluent_desktop_cursor_24_filled

desktop_cursor

Icon: ic_fluent_desktop_edit_24_filled

desktop_edit

Icon: ic_fluent_desktop_flow_24_filled

desktop_flow

Icon: ic_fluent_desktop_keyboard_24_filled

desktop_keyboard

Icon: ic_fluent_desktop_mac_24_filled

desktop_mac

Icon: ic_fluent_desktop_pulse_24_filled

desktop_pulse

Icon: ic_fluent_desktop_signal_24_filled

desktop_signal

Icon: ic_fluent_desktop_speaker_24_filled

desktop_speaker

Icon: ic_fluent_desktop_speaker_off_24_filled

desktop_speaker_off

Icon: ic_fluent_desktop_sync_24_filled

desktop_sync

Icon: ic_fluent_desktop_toolbox_24_filled

desktop_toolbox

Icon: ic_fluent_developer_board_24_filled

developer_board

Icon: ic_fluent_developer_board_search_24_filled

developer_board_search

Icon: ic_fluent_device_eq_24_filled

device_eq

Icon: ic_fluent_device_meeting_room_24_filled

device_meeting_room

Icon: ic_fluent_device_meeting_room_remote_24_filled

device_meeting_room_remote

Icon: ic_fluent_diagram_24_filled

diagram

Icon: ic_fluent_dialpad_24_filled

dialpad

Icon: ic_fluent_dialpad_off_24_filled

dialpad_off

Icon: ic_fluent_diamond_24_filled

diamond

Icon: ic_fluent_directions_24_filled

directions

Icon: ic_fluent_dismiss_24_filled

dismiss

Icon: ic_fluent_dismiss_circle_24_filled

dismiss_circle

Icon: ic_fluent_dismiss_square_24_filled

dismiss_square

Icon: ic_fluent_dismiss_square_multiple_20_filled

dismiss_square_multiple

Icon: ic_fluent_diversity_24_filled

diversity

Icon: ic_fluent_divider_short_24_filled

divider_short

Icon: ic_fluent_divider_tall_24_filled

divider_tall

Icon: ic_fluent_dock_24_filled

dock

Icon: ic_fluent_dock_row_24_filled

dock_row

Icon: ic_fluent_doctor_24_filled

doctor

Icon: ic_fluent_document_24_filled

document

Outros Pacotes de Ícones

Conforme já explanado, este design system recomenda fortemente o uso da biblioteca Fluent UI System Icons, por seu ajuste ímpar ao estilo visual adotado no Fluent Design e, por consequência, no CPS Design System. Apesar disso, não é terminante proibido usar outras bibliotecas de ícones, desde que o estilo visual geral não seja impactado com a escolha de ícones sem qualquer semelhança visual com este design system.

Cuidado!

Utilizar ícones específicos em formato SVG de outras bibliotecas não é um problema em si, desde que respeitado o estilo visual. Mas isto não vale para o caso de importar bibliotecas de ícones inteiras (mesmo que em versão Web Font), pois o carregamento de diversas bibliotecas de ícones ao mesmo tempo seria um grave equívoco para o desempenho de carregamento da aplicação, para no final utilizar apenas alguns poucos ícones.

Vale uma menção honrosa à a famosa biblioteca de ícones Font Awesome, recomendada pelo Guia de Estilo Site CPS. Embora tenha um visual agradável, similar ao que prega este design system, e seja muito utilizada em projetos pela web, é uma biblioteca mais limitada, com pouco mais de 2 mil ícones gratuitos (e um foco grande em vender os outros ícones com a versão Pro). Além disso, mesmo a versão gratuita não tem uma licença tão permissiva quanto a biblioteca aqui recomendada.

Anterior
Cores