Material Icon Theme Icons

Browse 904 free Material Icon Theme multi-color icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Material Extensions.

904 icons MIT Programming by Material Extensions

Search icons...

More SVG Icons

abap

abc

actionscript

ada

adobe-illustrator

adobe-illustrator-light

adobe-photoshop

adobe-photoshop-light

adobe-swc

adonis

advpl

agent

amplify

android

angular

antlr

apiblueprint

apollo

applescript

apps-script

appveyor

appwrite

architecture

arduino

asciidoc

assembly

astro

astro-config

astyle

audio

aurelia

authors

auto

auto-light

autohotkey

autoit

azure

azure-pipelines

babel

ballerina

bashly

bashly-hook

bazel

bbx

beancount

bench-js

bench-jsx

bench-ts

bibliography

bibtex-style

bicep

biome

bitbucket

bithound

blender

blink

blink-light

blitz

bower

brainfuck

browserlist

browserlist-light

bruno

buck

bucklescript

buildkite

bun

bun-light

cabal

Copy & download Material Icon Theme icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

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 Material Icon Theme

Created By

Material Extensions Visit Website

License

MIT View License

Pack Details

Color Support

Multi-color

How to use Material Icon Theme icons

License SPDX

MIT

Sample Icons

zip, email, folder-upload

Via Iconify · React

tsx

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="material-icon-theme:icon-name" width={24} />;
}

Via Iconify · HTML

html

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:icon-name" width="24"></iconify-icon>

Frequently Asked Questions

Is Material Icon Theme free for commercial use?

Yes. Material Icon Theme is licensed under MIT, free for personal and commercial projects. View license →

How do I download Material Icon Theme SVG icons?

Click any icon in the browser above to open the detail panel. Choose raw SVG code to copy, download as SVG or PNG, export as a React JSX component, or get a Base64 data URI, all formats free, no sign-up required.

How many icons are in Material Icon Theme?

Material Icon Theme contains 904 SVG icons in the Programming category.

Are Material Icon Theme icons full-color or monochrome?

Material Icon Theme icons are multi-color: they include built-in color information and do not need a fill or stroke applied. They render as-is without inheriting CSS currentColor.

Which icon collections include Material Icon Theme?

Material Icon Theme is included in 1 curated collection: Free Programming & Developer SVG Icons.

Can I use Material Icon Theme with React, Next.js or shadcn/ui?

Yes. Copy the JSX export from any icon's detail panel and paste it directly into your component. For ongoing use, install @iconify-json/material-icon-theme and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.