- Package
- Material Symbols
- Category
- Text
- Code Point
- e85e
Font Icon Library
Material Symbols Icon Search
162 icons
Matching "account"
Contact Page
contact_page
- Package
- Material Symbols
- Category
- Text
- Code Point
- f22e
Folder Shared
folder_shared
- Package
- Material Symbols
- Category
- Text
- Code Point
- e2c9
Folder Supervised
folder_supervised
- Package
- Material Symbols
- Category
- Text
- Code Point
- f774
Group Eye
group_eye
- Package
- Material Symbols
- Category
- Text
- Code Point
- ffea1
Person Book
person_book
- Package
- Material Symbols
- Category
- Text
- Code Point
- f5e8
Pivot Table Chart
pivot_table_chart
- Package
- Material Symbols
- Category
- Text
- Code Point
- e9ce
Table
table
- Package
- Material Symbols
- Category
- Text
- Code Point
- f191
Garage Money
garage_money
- Package
- Material Symbols
- Category
- Transit
- Code Point
- f28c
Personal Bag Off
personal_bag_off
- Package
- Material Symbols
- Category
- Travel
- Code Point
- eb0f
App Registration
app_registration
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- ef40
Deployed Code Account
deployed_code_account
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f51b
Exit To App
exit_to_app
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e879
Linked Services
linked_services
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f535
Login
login
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- ea77
Logout
logout
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- e9ba
Step Out
step_out
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f700
Token
token
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- ea25
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.