- Package
- Material Symbols
- Category
- Text
- Code Point
- f866
Font Icon Library
Material Symbols Icon Search
184 icons
Matching "chart"
Heap Snapshot Thumbnail
heap_snapshot_thumbnail
- Package
- Material Symbols
- Category
- Text
- Code Point
- f76c
Line Axis
line_axis
- Package
- Material Symbols
- Category
- Text
- Code Point
- ea9a
Line End Arrow Notch
line_end_arrow_notch
- Package
- Material Symbols
- Category
- Text
- Code Point
- f81c
Line End Circle
line_end_circle
- Package
- Material Symbols
- Category
- Text
- Code Point
- f81b
Line End Diamond
line_end_diamond
- Package
- Material Symbols
- Category
- Text
- Code Point
- f81a
Line Start
line_start
- Package
- Material Symbols
- Category
- Text
- Code Point
- f825
Line Start Circle
line_start_circle
- Package
- Material Symbols
- Category
- Text
- Code Point
- f816
Line Start Diamond
line_start_diamond
- Package
- Material Symbols
- Category
- Text
- Code Point
- f815
Percent
percent
- Package
- Material Symbols
- Category
- Text
- Code Point
- eb58
Pivot Table Chart
pivot_table_chart
- Package
- Material Symbols
- Category
- Text
- Code Point
- e9ce
Polyline
polyline
- Package
- Material Symbols
- Category
- Text
- Code Point
- ebbb
Process Chart
process_chart
- Package
- Material Symbols
- Category
- Text
- Code Point
- f855
Rubric
rubric
- Package
- Material Symbols
- Category
- Text
- Code Point
- eb27
Segment
segment
- Package
- Material Symbols
- Category
- Text
- Code Point
- e94b
Table
table
- Package
- Material Symbols
- Category
- Text
- Code Point
- f191
Table Chart
table_chart
- Package
- Material Symbols
- Category
- Text
- Code Point
- e265
Table Chart View
table_chart_view
- Package
- Material Symbols
- Category
- Text
- Code Point
- f6ef
Table Eye
table_eye
- Package
- Material Symbols
- Category
- Text
- Code Point
- f466
Table Rows
table_rows
- Package
- Material Symbols
- Category
- Text
- Code Point
- f101
Table View
table_view
- Package
- Material Symbols
- Category
- Text
- Code Point
- f1be
Team Dashboard
team_dashboard
- Package
- Material Symbols
- Category
- Text
- Code Point
- e013
Clock Loader 40
clock_loader_40
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f724
Data Thresholding
data_thresholding
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- eb9f
Empty Dashboard
empty_dashboard
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f844
Linked Services
linked_services
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f535
Partner Reports
partner_reports
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- efaf
Patient List
patient_list
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e653
Rebase
rebase
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f845
Rebase Edit
rebase_edit
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f846
Repartition
repartition
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f8e8
Shelf Position
shelf_position
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f702
Stat
stat_0
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e697
Stat 1
stat_1
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e698
Stat 2
stat_2
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e699
Stat 3
stat_3
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e69a
Stat Minus 1
stat_minus_1
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e69b
Stat Minus 2
stat_minus_2
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e69c
Stat Minus 3
stat_minus_3
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e69d
View Timeline
view_timeline
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- eb85
Add Material Symbols to your website or app
Add the library once, copy an icon from the results above, and include an accessible label when the icon communicates meaning.1. Load the icon library
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">
Reference version: Google Fonts variable icon font
2. Copy an icon
Use Copy class when you already have markup, or Copy HTML for a ready-to-paste element.
Code points are useful for CSS generated content and tools that work directly with icon fonts.
3. Keep icons accessible
Hide decorative icons from assistive technology. When an icon communicates meaning, pair it with visible text or an accessible label.
Confirm licensing and usage requirements with the library publisher before distributing a finished product.
Practical Notes
Icon Implementation Checklist
Icons work best when they support quick recognition without becoming the only way a user understands an action.Label important controls
Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.
Keep style consistent
Mixing filled, outlined, sharp, and rounded icon families can make an interface feel uneven.
Load only what you need
Large icon fonts can cost performance. SVG sprites or subset fonts are better for focused interfaces.
Related References
Continue with nearby symbol, code, and web design resources.