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

Siemens Industrial Experience Icons (Iconify)

DocDocument

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="M100.642 425.75h5.504c13.141 0 22.87-2.155 29.205-6.422c5.547-3.69 9.558-9.365 12.011-17.088c1.813-5.717 2.73-11.797 2.73-18.261c0-6.933-1.045-13.355-3.157-19.264c-2.133-5.91-5.013-10.517-8.682-13.845c-3.499-3.115-7.488-5.248-11.947-6.358s-11.179-1.685-20.16-1.685h-5.504zm-28.864 22.613V320.235h35.456c15.083 0 27.115 1.45 36.16 4.352c11.819 3.797 20.843 10.837 27.115 21.099c6.272 10.282 9.429 23.168 9.429 38.656c0 15.914-3.157 28.906-9.43 38.976c-7.829 12.693-19.925 20.437-36.33 23.146c-7.53 1.259-17.173 1.899-28.928 1.899zm186.39-107.78c-10.433 0-18.475 4.33-24.15 13.013c-5.12 7.85-7.68 17.899-7.68 30.187c0 14.23 3.03 25.28 9.13 33.11c5.718 7.423 13.334 11.114 22.785 11.114c10.368 0 18.453-4.352 24.234-13.12c5.12-7.702 7.68-17.878 7.68-30.55c0-13.93-3.05-24.789-9.13-32.64c-5.718-7.402-13.355-11.114-22.87-11.114m.086-22.614c20.138 0 35.562 6.38 46.293 19.18c10.304 12.223 15.445 27.946 15.445 47.188q0 31.552-18.24 50.176c-10.496 10.731-25.002 16.086-43.498 16.086c-20.118 0-35.563-6.379-46.294-19.158c-10.304-12.224-15.466-28.202-15.466-47.914c0-20.608 6.101-37.142 18.282-49.558c10.539-10.666 25.046-16 43.478-16m176.27 100.175l8.427 23.062c-7.616 3.69-14.23 6.165-19.904 7.466c-5.674 1.28-12.672 1.92-20.97 1.92c-12.544 0-22.912-1.792-31.104-5.397c-11.478-5.077-20.118-13.056-25.942-23.957c-5.248-9.771-7.872-21.718-7.872-35.819c0-23.787 7.254-41.835 21.782-54.059c10.538-8.917 24.448-13.376 41.685-13.376c7.36 0 14.037.662 20.075 2.006c6.016 1.365 12.864 3.754 20.5 7.189l-9.663 21.717c-10.176-5.546-19.947-8.32-29.29-8.32c-11.265 0-19.883 3.862-25.857 11.563c-6.272 8.085-9.408 18.752-9.408 32.021c0 13.739 3.286 24.491 9.856 32.235S392.476 428 404.06 428c5.226 0 10.069-.682 14.464-2.112q6.592-2.112 16-7.744M320 42.667H85.333v234.667H128v-192h174.293L384 167.04v110.294h42.667v-128z"/></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. DocDocumentIcon.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.