- Package
- Material Symbols
- Category
- Text
- Code Point
- e241
Font Icon Library
Material Symbols Icon Search
3,525 icons
Matching "ar"
Format List Bulleted Add
format_list_bulleted_add
- Package
- Material Symbols
- Category
- Text
- Code Point
- f849
Format List Numbered
format_list_numbered
- Package
- Material Symbols
- Category
- Text
- Code Point
- e242
Format List Numbered Rtl
format_list_numbered_rtl
- Package
- Material Symbols
- Category
- Text
- Code Point
- e267
Format Overline
format_overline
- Package
- Material Symbols
- Category
- Text
- Code Point
- eb65
Format Paint
format_paint
- Package
- Material Symbols
- Category
- Text
- Code Point
- e243
Format Paint Off
format_paint_off
- Package
- Material Symbols
- Category
- Text
- Code Point
- fff97
Format Paragraph
format_paragraph
- Package
- Material Symbols
- Category
- Text
- Code Point
- f865
Format Quote
format_quote
- Package
- Material Symbols
- Category
- Text
- Code Point
- e244
Format Quote Off
format_quote_off
- Package
- Material Symbols
- Category
- Text
- Code Point
- f413
Format Shapes
format_shapes
- Package
- Material Symbols
- Category
- Text
- Code Point
- e25e
Format Size
format_size
- Package
- Material Symbols
- Category
- Text
- Code Point
- e245
Format Strikethrough
format_strikethrough
- Package
- Material Symbols
- Category
- Text
- Code Point
- e246
Format Textdirection L To R
format_textdirection_l_to_r
- Package
- Material Symbols
- Category
- Text
- Code Point
- e247
Format Textdirection R To L
format_textdirection_r_to_l
- Package
- Material Symbols
- Category
- Text
- Code Point
- e248
Format Textdirection Vertical
format_textdirection_vertical
- Package
- Material Symbols
- Category
- Text
- Code Point
- f4b8
Format Text Clip
format_text_clip
- Package
- Material Symbols
- Category
- Text
- Code Point
- f82a
Format Text Overflow
format_text_overflow
- Package
- Material Symbols
- Category
- Text
- Code Point
- f829
Format Text Wrap
format_text_wrap
- Package
- Material Symbols
- Category
- Text
- Code Point
- f828
Format Underlined
format_underlined
- Package
- Material Symbols
- Category
- Text
- Code Point
- e249
Format Underlined Squiggle
format_underlined_squiggle
- Package
- Material Symbols
- Category
- Text
- Code Point
- f885
Forms Apps Script
forms_apps_script
- Package
- Material Symbols
- Category
- Text
- Code Point
- f0c8
Frame Inspect
frame_inspect
- Package
- Material Symbols
- Category
- Text
- Code Point
- f772
Frame Reload
frame_reload
- Package
- Material Symbols
- Category
- Text
- Code Point
- f771
Frame Source
frame_source
- Package
- Material Symbols
- Category
- Text
- Code Point
- f770
Full Coverage
full_coverage
- Package
- Material Symbols
- Category
- Text
- Code Point
- eb12
Function
function
- Package
- Material Symbols
- Category
- Text
- Code Point
- f866
Functions
functions
- Package
- Material Symbols
- Category
- Text
- Code Point
- e24a
Function Search
function_search
- Package
- Material Symbols
- Category
- Text
- Code Point
- ffea2
Glyphs
glyphs
- Package
- Material Symbols
- Category
- Text
- Code Point
- f8a3
Grading
grading
- Package
- Material Symbols
- Category
- Text
- Code Point
- ea4f
Grid Layout Side
grid_layout_side
- Package
- Material Symbols
- Category
- Text
- Code Point
- fff8d
Grid View
grid_view
- Package
- Material Symbols
- Category
- Text
- Code Point
- e9b0
Heap Snapshot Large
heap_snapshot_large
- Package
- Material Symbols
- Category
- Text
- Code Point
- f76e
Heap Snapshot Multiple
heap_snapshot_multiple
- Package
- Material Symbols
- Category
- Text
- Code Point
- f76d
Heap Snapshot Thumbnail
heap_snapshot_thumbnail
- Package
- Material Symbols
- Category
- Text
- Code Point
- f76c
Height
height
- Package
- Material Symbols
- Category
- Text
- Code Point
- ea16
Hexagon
hexagon
- Package
- Material Symbols
- Category
- Text
- Code Point
- eb39
Highlighter Size 1
highlighter_size_1
- Package
- Material Symbols
- Category
- Text
- Code Point
- f76b
Highlighter Size 2
highlighter_size_2
- Package
- Material Symbols
- Category
- Text
- Code Point
- f76a
Highlighter Size 3
highlighter_size_3
- Package
- Material Symbols
- Category
- Text
- Code Point
- f769
Highlighter Size 4
highlighter_size_4
- Package
- Material Symbols
- Category
- Text
- Code Point
- f768
Highlighter Size 5
highlighter_size_5
- Package
- Material Symbols
- Category
- Text
- Code Point
- f767
History Edu
history_edu
- Package
- Material Symbols
- Category
- Text
- Code Point
- ea3e
Horizontal Align Center
horizontal_align_center
- Package
- Material Symbols
- Category
- Text
- Code Point
- fff9c
Horizontal Align Left
horizontal_align_left
- Package
- Material Symbols
- Category
- Text
- Code Point
- fff9b
Horizontal Align Right
horizontal_align_right
- Package
- Material Symbols
- Category
- Text
- Code Point
- fff9a
Horizontal Distribute
horizontal_distribute
- Package
- Material Symbols
- Category
- Text
- Code Point
- e014
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.