Icons

Media Shadcn Icons: Playback, video, audio and images

Media icons for video players, audio apps, galleries and upload fields: 14 icons in 4 styles, some animated, for the shadcn CLI or the ReUI MCP.

All Media icons

Media Shadcn Icons for players and galleries

The media category holds 14 icons for playing and showing content: play, rewind and fast-forward controls, a clapperboard, a camera aperture, an equalizer, subtitles, a picture frame and discs. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set. Some of them also have an animated variant that plays on hover.

Names in this category include play circle, circle play, double right arrow, clapperboard, equalizer, picture and subtitle. Every icon has its own page with the install command, the React import, its keywords and related icons, and installs as a React component that takes its size and color from your classes.

Where media icons go

Media icons are built for video players, audio apps, galleries and upload fields.

Play, rewind and skip controls in video and audio players
Image slots, galleries and upload fields with the picture icon
Caption toggles and recording states in video tools

What ships with each icon

4 styles, 1 name Outline, solid, duotone and filled versions of the same glyph, so emphasis changes without switching to a different icon.
Animated variants The icons that have one also ship a motion/react version that plays on hover and exposes startAnimation and stopAnimation for your own triggers.
A page per icon Every icon has its own page with a preview in all 4 styles, the install command, the React import, its keywords and related icons.
Registry install Install an icon by name with the shadcn CLI, every icon in a style with @reui/icons/default/outline/all, or ask your coding agent through the ReUI MCP. Icons are part of ReUI Ultimate.

Frequently Asked Questions

Which icons work as player controls?

To right is a play triangle and to left its mirror, while double right arrow and double left arrow are fast-forward and rewind. Play circle and circle play put the play mark in a ring for a large start button.

How many media icons are there?

14, each drawn in outline, solid, duotone and filled. The number on this page is read from the registry build, so it stays current as icons are added.

Are media icons free?

No, they are part of ReUI Ultimate: a one-time payment with lifetime updates, every icon in every style. Anyone can browse each glyph with its install command, keywords and related icons on its own page; installing an icon, its source and its SVG download need an Ultimate license.

Which frameworks do they support?

Any React project on Tailwind CSS, with or without shadcn/ui. Each style is its own React component that takes a className and draws in currentColor, so size and color come from your classes. The animated variants also need the motion package, which the shadcn CLI installs with them.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Icons

Media Shadcn Icons: Playback, video, audio and images

Media icons for video players, audio apps, galleries and upload fields: 14 icons in 4 styles, some animated, for the shadcn CLI or the ReUI MCP.

All Media icons

Media Shadcn Icons for players and galleries

Where media icons go

Media icons are built for video players, audio apps, galleries and upload fields.

Play, rewind and skip controls in video and audio players
Image slots, galleries and upload fields with the picture icon
Caption toggles and recording states in video tools

What ships with each icon

4 styles, 1 name Outline, solid, duotone and filled versions of the same glyph, so emphasis changes without switching to a different icon.
Animated variants The icons that have one also ship a motion/react version that plays on hover and exposes startAnimation and stopAnimation for your own triggers.
A page per icon Every icon has its own page with a preview in all 4 styles, the install command, the React import, its keywords and related icons.
Registry install Install an icon by name with the shadcn CLI, every icon in a style with @reui/icons/default/outline/all, or ask your coding agent through the ReUI MCP. Icons are part of ReUI Ultimate.

Frequently Asked Questions

Which icons work as player controls?

How many media icons are there?

14, each drawn in outline, solid, duotone and filled. The number on this page is read from the registry build, so it stays current as icons are added.

Are media icons free?

Which frameworks do they support?

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Media Shadcn Icons: Playback, video, audio and images

All Media icons

Media Shadcn Icons for players and galleries

Where media icons go

What ships with each icon

Frequently Asked Questions

Which icons work as player controls?

How many media icons are there?

Are media icons free?

Which frameworks do they support?

Start building with ReUI Pro today.

Application

Data Grid

Charts

AI & Agents

Solutions

Templates

eCommerce

Marketing

Media Shadcn Icons: Playback, video, audio and images

All Media icons

Media Shadcn Icons for players and galleries

Where media icons go

What ships with each icon

Frequently Asked Questions

Which icons work as player controls?

How many media icons are there?

Are media icons free?

Which frameworks do they support?

Start building with ReUI Pro today.

Application

Data Grid

Charts

AI & Agents

Solutions

Templates

eCommerce

Marketing