Icons

Overview

Icons serve as visual metaphors, representing actions, objects, or concepts in a simplified and universally recognizable way. They help users quickly understand the purpose or function of various elements within an interface, such as buttons, menus, or controls.

By leveraging familiar shapes and symbols, icons reduce cognitive load and make it easier for users to navigate complex interfaces. For example, a magnifying glass icon usually represents search functionality, while a gear icon is often associated with settings or preferences.

Beaterial is an iconic composition that establishes consistency and harmony in our products’ interface. While the Beat alludes to Compose Design’s rhythm and harmony, the Terial represents Google’s icon font, which is Cegid’s official icon font.

Last Update

31/03/2025

• Added checklist, event_list, check_box_outline_blank icons.

Related

Button Icons

Button Icons are used for minor actions that can be resumed within one icon …

Read More

Accent Icons

Accent Icons in UX serve as graphical representations of concepts, actions, or objects, enhancing user understanding and interaction within digital …

Read More

List

List of all available icons with their names and unicodes.

Use the search to find the icon you’re looking for. By right-clicking on the icon, you can download it as an svg.

Category	image	Name	Unicode
State		block	e94a
State		error_circle	e933
State		info_circle	e992
State		check_circle	e979
State		info	e697
State		help_circle	e98f
State		error	e763
State		help	e765
Social		person	e95e
Social		assignment_ind	e9d3
Social		domain_logo	e97b
Social		layers_circle	e90c
Social		instagram	e986
Social		facebook	e987
Social		vimeo	e98a
Social		linkedin	e98b
Social		youtube	e98c
Social		tiktok	e98d
Social		group	e74e
Social		share_square	e75a2
Social		social_leaderboard	e75b
Social		account_box	e741
Social		handshake	e750
Social		contact_mail	e745
Social		groups	e74f
Social		google_plus	e74d
Social		dropbox	e749
Social		excel	e74a
Social		map	e756
Social		recent_actors	e759
Social		local_florist	e755
Social		account_circle	e742
Social		diamond	e7462
Social		blog	e744
Social		x	e75f
Social		drive	e748
Social		paypal	e757
Social		google	e74c
Social		verified_user	e75d
Social		cardiology	e906
Social		campaign	e90d
Social		group_add	e9ec
Places		domain	e90e
Places		domain_config	e968
Places		location_on	31
Places		globe	e9be
Places		domain_check	e9a2
Places		domain_delete	e9a3
Places		domain_fwd	e73a
Places		domain_person	e73b
Places		location_city	e73e
Places		store	e740
Places		factory	e73c
Navigation		fit_page	e9e9
Navigation		fit_width	e9ea
Navigation		fit_height	e9e8
Navigation		view_real_size	e9eb
Navigation		expand	e909
Navigation		collapse	e90a
Navigation		upgrade	e94b
Navigation		downgrade	e949
Navigation		subdirectory_arrow_right	e97c
Navigation		undo	e9c7
Navigation		redo	e9c3
Navigation		arrows_vertical	e657
Navigation		arrows_horizontal	e658
Navigation		arrow_circle_right	e65d
Navigation		shrink	e904
Navigation		fullscreen	e903
Navigation		arrow_circle_down	e9c1
Navigation		step_backward	e9ad
Navigation		fast_rewind	e9ac
Navigation		fast_forward	e9b8
Navigation		step_forward	e9b9
Navigation		logout	e9b7
Navigation		chevron_right	e649
Navigation		chevron_left	e64a
Navigation		expand_less	e648
Navigation		expand_more	e64b
Navigation		first_page	e901
Navigation		last_page	e9cd
Navigation		close	e646
Navigation		cancel	e989
Navigation		more_vertical	e993
Navigation		more_horizontal	e6e2
Navigation		arrow_drop_up	e9c8
Navigation		arrow_drop_down	e9b3
Navigation		home	e985
Navigation		stop	e72e
Navigation		angle_right	e6ff
Navigation		angle_left	e6fe
Navigation		angle_down	e6fd
Navigation		angle_up	e700
Navigation		zoom_out	e734
Navigation		zoom_in	e733
Navigation		padding_left	e728
Navigation		padding_top	e729
Navigation		disabled_by_default	e713
Navigation		merge	e723
Navigation		arrow_forward_add	e706
Navigation		keyboard_double_arrow_down	e71e
Navigation		keyboard_double_arrow_up	e71f
Navigation		arrow_right	e70e
Navigation		arrow_left	e707
Navigation		unfold_more	e731
Navigation		ads_click	e6fc
Navigation		assistant_navigation	e70d
Navigation		input	e71d
Navigation		output	e727
Navigation		arrow_up_multiple	e70a
Navigation		arrow_down_multiple	e703
Navigation		login	e721
Navigation		open_with	e726
Navigation		zoom_out_map	e735
Navigation		arrow_selector_tool	e709
Navigation		sort	e91c
Navigation		select	e91e
Navigation		sort_by_alpha	e962
Media		hide_image	e93f
Media		image	e9bb
Media		photo_library	e6fa
Media		pause	e6f9
Media		play_circle	e6fb
Media		circle	e960
Media		collections_bookmark	e959
Media		compare	e95a
Media		gif_box	e9e4
Media		gif_2	e9e3
Media		picture_as_pdf	e95c
Hardware		equipment	32
Hardware		dvr	e9d2
Hardware		tools	33
Hardware		work	e965
Hardware		sparkles	e6f4
Hardware		robot_2	e6f3
Hardware		precision_manufacturing	e6f1
Hardware		phone_iphone	e6f0
Hardware		hard_drive	e6ee
Hardware		design_services	e6ea
Hardware		qr_code_scanner	e6f2
Hardware		motion_photos_auto	e6ef
Hardware		extension	e9d4
Hardware		build	e6e9
File		two_pager	e9e7
File		article	e9e6
File		iva	e931
File		request_quote	e94f
File		credit_debt	e951
File		edit_document	e96a
File		process_change	e972
File		task	e977
File		official_reports	e970
File		register	e95d
File		get	e6db
File		scan_delete	e9a8
File		description	e90b
File		file_processing	e905
File		approvals	e99a
File		file_zip	e6da
File		file_search	e6d9
File		document_charts	e6d1
File		xls	e6e8
File		pdf	e6de
File		document_p	e6d4
File		document_a	e6cf
File		document_expense	e6d2
File		file_copy	e948
File		sticky_note_2	e6e5
File		text_snippet	e6e7
File		draft	e6d5
File		receipt	e6e0
File		scan	e6e3
File		document_back	e6d0
File		document_fwd	e6d3
File		document_scanner	e954
File		upload_file	e957
File		at	e9cf
File		ss	e9e0
File		quick_reference	e9de
File		contract	e9d1
File		file_open	e9d9
File		file_export	e9d7
File		file_save	e9c5
File		insert_page_break	e9db
File		planned_file	e9dd
File		content_copy	e9d0
File		img	e9da
File		xml	e9e2
File		doc	e9d6
File		file_json	e9d8
File		quickguide	e997
Content		match_word	e9e5
Content		highlight_all	e9e1
Content		catalog_items	e940
Content		catalog_pub	e942
Content		catalog	e94d
Content		folder	e907
Content		list_alt	e939
Content		cards	e936
Content		information	e911
Content		list	e937
Content		align_right	e6c1
Content		align_left	e6c2
Content		justify	e6c3
Content		align_center	e6c4
Content		bold	e9ae
Content		italic	e696
Content		underline	e66c
Content		strikethrough	e9c4
Content		link	e62d
Content		open_in_new	e97f
Content		increase_indent	e9bc
Content		decrease_indent	e9b2
Content		asterisk	e9ab
Content		trending_up	e9a1
Content		trending_down	e99d
Content		arrow_upward	e9a0
Content		arrow_forward	e99f
Content		arrow_backward	e99e
Content		arrow_downward	e99c
Content		content_paste	e6b4
Content		table_options	e984
Content		account_tree	e983
Content		menu	e68e
Content		layout_grid	e708
Content		layers	e630
Content		hierarchy	e9bd
Content		help_center	e9a7
Content		ad_efatura	e9cb
Content		efatura	e9cc
Content		lightbulb	e6e4
Content		signal_celular_alt	e6e6
Content		folder_open	e6a7
Content		unlink	e6ca
Content		flag	e6a4
Content		create_new_folder	e69a
Content		font	e6a8
Content		toll	e6c6
Content		expand_circle_left	e6a1
Content		expand_circle_right	e6a2
Content		web_asset	e6cb
Content		docs_add_on	e69c
Content		docs_add_on_up	e69d
Content		live_help	e6b9
Content		aeat	e689
Content		donut_small	e69f
Content		donut_large	e69e
Content		leaderboard	23423
Content		show_chart	e6e1
Content		bar_chart_4_bars	e692
Content		chart_move	e698
Content		pending_actions	e6bd
Content		multiple	e6bb
Content		plane_ultimate	e6c0
Content		plane_basic	e6be
Content		plane_pro	e6bf
Content		izettle	e6af
Content		lisa	e6b6
Content		table_view	e6c5
Content		hdr_auto	e6a9
Content		featured_play_list	e6a3
Content		folder_cancel	e6a6
Content		123	e918
Content		folder_limited	e98e
Content		folder_managed	e990
Content		folder_check	e976
Content		folder_check_2	e97a
Content		folder_match	e994
Content		bookmark_manager	e975
Content		folder_code	e988
Content		straighten	e995
Content		cegid_pulse	e9dc
Content		tag	e950
Content		folder_special	e947
Content		folder_shared	e945
Content		topic	e952
Content		drive_file_move	e938
Content		drive_folder_upload	e93d
Content		rule_folder	e94e
Content		folder_zip	e94c
Content		folder_copy	e941
Content		folder_delete	e943
Content		match_case	e91a
Applications		dashboard	e92b
Applications		business_center	e919
Applications		shopping_cart	e91b
Applications		account_balance_wallet	e927
Applications		stock	e921
Applications		taxes	e923
Applications		office_management	e95b
Applications		menu_book	e91d
Applications		account_balance	e91f
Applications		calendar_clock	e92f
Applications		event	e978
Applications		forum	e643
Applications		apps	e913
Applications		currency_exchange	e974
Applications		drafts	e92d
Applications		accounting	e917
Applications		support_agent	e912
Applications		calendar_month	e93e
Applications		chat	e956
Applications		alerts	e910
Applications		energy	e9b5
Applications		integration	e96e
Applications		attach_file	e647
Applications		history	e900
Applications		database	e999
Applications		shopping_bag	e9a6
Applications		lightning	e9af
Applications		learn	e9b0
Applications		chart_points	e9b4
Applications		archive	e9c9
Applications		send	e67e
Applications		share	e67f
Applications		call	e663
Applications		fax	e66f
Applications		account_transfer	e659
Applications		star_reset	e6822
Applications		savings	e67d
Applications		circle_alerts	e667
Applications		credit_card	e668
Applications		payments	e67b
Applications		balance	e65f
Applications		money	e677
Applications		attach_money	e68c
Applications		money_off	e678
Applications		package	e67a
Applications		stylus_note	e684
Applications		chat_paste_go	e666
Applications		mark_unread_chat_alt	e675
Applications		requisitions	e9f0
Applications		currency	e908
Actions		rotate_left	e9df
Actions		visibility_outline	e916
Actions		visibility_fill	e915
Actions		settings	e929
Actions		dimensions	e93c
Actions		assets	e958
Actions		monitoring	e925
Actions		orders	e946
Actions		visibility_off	e963
Actions		returns	e944
Actions		tune	e961
Actions		explorations	e96c
Actions		deliveries	e953
Actions		suppliers	e95f
Actions		delete	e93a
Actions		remove	e636
Actions		add	e935
Actions		add_circle	e90f
Actions		add_box	e9c2
Actions		remove_box	e9c0
Actions		do_not_disturb_on	e991
Actions		equal	e9b6
Actions		equal_circle	e9ba
Actions		process	e955
Actions		route	34
Actions		download	e981
Actions		upload	e982
Actions		cloud_download	e6b3
Actions		cloud_upload	e6b2
Actions		import	e9a4
Actions		export	e9a5
Actions		cached	e980
Actions		push_pin_fill	e97d
Actions		push_pin_outline	e97e
Actions		unpin	e902
Actions		load	e9bf
Actions		change	e914
Actions		crop	e9b1
Actions		shortcut	e99b
Actions		search	e610
Actions		save	e746
Actions		restart_alt	e998
Actions		print	e681
Actions		edit	e61c
Actions		camera	e64e
Actions		star_outline	e60a
Actions		star_fill	e9ca
Actions		check_box	e64d
Actions		filter_alt	e93b
Actions		power_off	e682
Actions		eraser	e6a5
Actions		drag	e996
Actions		mail	e75a
Actions		schedule	e66e
Actions		workspace_premium	e9a9
Actions		lock	e9aa
Actions		divide	e9c6
Actions		formula	e9ce
Actions		thumb_up	e645
Actions		thumb_down	e64f
Actions		print_direct	e633
Actions		sync_alt	e640
Actions		unsync_alt	e650
Actions		cloud	e60c
Actions		shoppingmode	e9d5
Actions		unlock	e502
Actions		key	e628
Actions		move_to_inbox	e627
Actions		scissors	e63d
Actions		filter_alt_off	e621
Actions		filter_close	e622
Actions		filter_add	e61f
Actions		filter_expand_less	e623
Actions		filter_expand_more	e624
Actions		brush	e606
Actions		star_off	e644
Actions		cloud_done	e60d
Actions		cloud_fwd	e60f
Actions		sync	e6471
Actions		bookmark_outline	e605
Actions		bookmark_fill	e604
Actions		mark_email_read	e62f
Actions		mark_email_unread	e62e
Actions		sync_disabled	e641
Actions		sync_lock	e501
Actions		lock_reset	e62b
Actions		speed	e642
Actions		check	e64c
Actions		delete_forever	e924
Actions		label	e928
Actions		restore_from_trash	e92e
Actions		outbox	e92c
Actions		restore_page	e930
Actions		auto_delete	e920
Actions		delete_sweep	e926
Actions		data_object	e922
Actions		manage_search	e92a
Actions		inbox	e932
Actions		unarchive	e934
Actions		api	e964
Actions		temporary_layers	e973
Actions		progress_activity	e96b
Actions		change_circle	e966
Actions		rotate_right	e96d
Actions		rule_settings	e971
Actions		rule	e96f
Actions		filter_applied	e967
Actions		forward_to_inbox	e969
Actions		checklist	e9ed
Actions		check_box_outline_blank	e9ef
Actions		event_list	e9ee

Consult our Figma file to access our assets and inspect them in dev mode.

Figma Component

This component is or will be provided by the Polygon framework. See its documentation to learn more.

Polygon Framework

This element is in line with the guidelines of the CDS (Cegid Design System). Find out more.

Cegid DS

Design principles

Clarity

Clear icons are instantly recognizable, making it easier for users to understand their meaning without needing to read accompanying text. This enhances user experience by reducing cognitive load and speeding up interaction.

Consistency

Consistent icons create a predictable user experience. When users encounter familiar icons across different interfaces or applications, they can rely on their prior knowledge to understand the function or action associated with each icon. This reduces cognitive load and makes navigation more intuitive.

Icon Layout

Icon Baseline & Sizes

An icon baseline, in the context of design, refers to a horizontal guideline or imaginary line that defines the bottom alignment of icons within a set. It establishes a consistent visual reference point for the bottom edge of icons, ensuring that they appear aligned when displayed together.

In our design system, the available sizes are:

Icon	Size
	12px
	16px
	20px
	24px (baseline)
	28px
	32px
	40px
	48px
	56px

Icon grid and keyline

An icon grid and keyline are important aspects of icon design, particularly in digital and graphic design contexts. They help maintain consistency, alignment, and scalability within icon sets.

An icon grid is a structural framework used to organize and align icons within a design system. It consists of evenly spaced horizontal and vertical lines that define the boundaries and positioning of individual icons.

Keylines are typically used to ensure that icons maintain a consistent visual weight and shape across different sizes and resolutions. They help designers maintain clarity and readability, especially when icons are scaled down or displayed on lower-resolution screens.

Case Studies

Why Web Accessibility Matters – And How to Start

Web accessibility is about designing inclusive digital experiences that benefit everyone, guided by four key principles and driven by the …

Read More

Writing for Everyone: Every Word Counts in Accessibility

Writing for everyone is an essential part of any digital product. It can and does make a big difference to …

Read More

Release v1.4

Overview Compose Design has recently undergone some important updates, which means it’s time for another release note. In addition to …

Read More