Home/Libraries/Siemens Industrial Experience Icons (Iconify)/mp4-document

Siemens Industrial Experience Icons (Iconify)

Mp4Document

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" fill-rule="evenodd" d="M320 42.667H85.333v234.667H128v-192h174.293L384 167.04v110.294h42.667v-128zM143.83 389.274c-2.177 6.677-4.673 15.317-7.51 25.856c-2.816-10.667-5.312-19.285-7.403-25.856l-22.144-69.27H64v128.129h26.667V344.41c2.944 11.05 5.525 19.904 7.68 26.603l24.96 77.12h24.768l25.685-79.296c2.645-8.086 5.013-16.214 7.04-24.427v103.723h27.776V320.005h-42.304zm131.769-69.27c12.288 0 21.653.811 28.117 2.433q13.377 3.456 20.416 15.104c3.819 6.208 5.718 13.482 5.718 21.802c0 13.547-4.523 23.958-13.568 31.19c-3.926 3.136-8.662 5.397-14.251 6.74c-5.568 1.345-12.757 2.028-21.568 2.028h-12.096v48.832h-28.864V320.005Zm.341 21.718h-8.298v35.883h8.298c8.022 0 13.782-.854 17.28-2.54c5.184-2.516 7.766-7.444 7.766-14.72c0-7.167-2.496-12.287-7.488-15.295c-3.67-2.24-9.536-3.328-17.558-3.328m127.576 56.593h-35.52l35.52-51.35zm27.221 0V320h-33.899l-55.509 76.416v22.614h61.483v29.098h27.925V419.03h17.28v-20.715z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. Mp4DocumentIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.