Google Material Icons Icons
Browse 10955 free Google Material Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. Apache 2.0 licensed. Designed by Material Design Authors.
Action
baseline-123
baseline-3d-rotation
baseline-abc
baseline-accessibility
baseline-accessibility-new
baseline-accessible
baseline-accessible-forward
baseline-account-balance
baseline-account-balance-wallet
baseline-account-box
baseline-account-circle
baseline-add-card
baseline-add-home
baseline-add-shopping-cart
baseline-add-task
baseline-add-to-drive
baseline-addchart
baseline-admin-panel-settings
baseline-ads-click
baseline-alarm
baseline-alarm-add
baseline-alarm-off
baseline-alarm-on
baseline-all-inbox
baseline-all-out
baseline-analytics
baseline-anchor
baseline-android
baseline-announcement
baseline-api
baseline-app-blocking
baseline-app-shortcut
baseline-arrow-circle-down
baseline-arrow-circle-left
baseline-arrow-circle-right
baseline-arrow-circle-up
baseline-arrow-outward
baseline-arrow-right-alt
baseline-article
baseline-aspect-ratio
baseline-assessment
baseline-assignment
baseline-assignment-ind
baseline-assignment-late
baseline-assignment-return
baseline-assignment-returned
baseline-assignment-turned-in
baseline-assured-workload
baseline-autorenew
baseline-backup
baseline-backup-table
baseline-balance
baseline-batch-prediction
baseline-book
baseline-book-online
baseline-bookmark
baseline-bookmark-add
baseline-bookmark-added
baseline-bookmark-border
baseline-bookmark-remove
baseline-bookmarks
baseline-browse-gallery
baseline-bug-report
baseline-build
baseline-build-circle
baseline-cached
baseline-calendar-month
baseline-calendar-today
baseline-calendar-view-day
baseline-calendar-view-month
baseline-calendar-view-week
baseline-camera-enhance
Action
baseline-123
baseline-3d-rotation
baseline-abc
baseline-accessibility
baseline-accessibility-new
baseline-accessible
baseline-accessible-forward
baseline-account-balance
baseline-account-balance-wallet
baseline-account-box
baseline-account-circle
baseline-add-card
baseline-add-home
baseline-add-shopping-cart
baseline-add-task
baseline-add-to-drive
baseline-addchart
baseline-admin-panel-settings
baseline-ads-click
baseline-alarm
baseline-alarm-add
baseline-alarm-off
baseline-alarm-on
baseline-all-inbox
baseline-all-out
baseline-analytics
baseline-anchor
baseline-android
baseline-announcement
baseline-api
baseline-app-blocking
baseline-app-shortcut
baseline-arrow-circle-down
baseline-arrow-circle-left
baseline-arrow-circle-right
baseline-arrow-circle-up
baseline-arrow-outward
baseline-arrow-right-alt
baseline-article
baseline-aspect-ratio
baseline-assessment
baseline-assignment
baseline-assignment-ind
baseline-assignment-late
baseline-assignment-return
baseline-assignment-returned
baseline-assignment-turned-in
baseline-assured-workload
baseline-autorenew
baseline-backup
baseline-backup-table
baseline-balance
baseline-batch-prediction
baseline-book
baseline-book-online
baseline-bookmark
baseline-bookmark-add
baseline-bookmark-added
baseline-bookmark-border
baseline-bookmark-remove
baseline-bookmarks
baseline-browse-gallery
baseline-bug-report
baseline-build
baseline-build-circle
baseline-cached
baseline-calendar-month
baseline-calendar-today
baseline-calendar-view-day
baseline-calendar-view-month
baseline-calendar-view-week
baseline-camera-enhance
Most popular Google Material Icons icons
What visitors download and copy most from this pack, last 30 days
- 1
twotone-eco - 2
twotone-linked-camera - 3
twotone-note-alt - 4
baseline-whatsapp - 5
round-check-box - 6
twotone-lock - 7
baseline-support-agent
Copy & download Google Material Icons icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install
and use via @iconify/react,
fully tree-shakeable, no icon font loading required.
About Google Material Icons
Created By
License
Pack Details
Version
1.0.32
Color Support
Monochrome
Category
Material
In 1 collection
How to use Google Material Icons icons
Icon Set Version
v1.0.32
License SPDX
Apache-2.0
Grid Size
24px
Sample Icons
baseline-notifications-active, outline-person-outline, twotone-videocam-off
Via Iconify · React
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="ic:icon-name" width={24} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:icon-name" width="24"></iconify-icon>Frequently Asked Questions
Is Google Material Icons free for commercial use?
How do I download Google Material Icons SVG icons?
How many icons are in Google Material Icons?
Can I change the color of Google Material Icons icons?
currentColor. Set a color via CSS (color: #0070f3), a Tailwind class (text-blue-500), or pass a fill / stroke attribute directly on the SVG.Is Google Material Icons organized into categories?
Which icon collections include Google Material Icons?
Can I use Google Material Icons with React, Next.js or shadcn/ui?
@iconify-json/ic and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.