Home/Libraries/Siemens Industrial Experience Icons (Iconify)/attachment-upload

Siemens Industrial Experience Icons (Iconify)

AttachmentUpload

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="m401.797 311.04l94.17 94.17l-30.17 30.17l-42.667-42.654v97.838h-42.667v-97.839l-42.666 42.655l-30.17-30.17zM257.269 54.746l27.158 27.179l-173.974 173.952c-35.882 35.904-35.882 94.293 0 130.176c17.387 17.386 40.512 26.965 65.088 26.965s47.702-9.579 65.088-26.965l172.118-172.118c21.397-21.397 21.397-56.192 0-77.589c-20.736-20.757-56.896-20.693-77.59-.021L166.603 304.75c-3.542 3.542-5.483 8.256-5.483 13.27s1.941 9.728 5.504 13.269c7.083 7.147 19.477 7.104 26.56 0l141.504-141.483l27.157 27.179l-141.482 141.483c-22.336 22.293-58.603 22.25-80.896 0c-22.294-22.294-22.294-58.603 0-80.875L308.02 109.189c17.579-17.6 41.024-27.307 65.942-27.307c24.896 0 48.32 9.685 65.962 27.307c36.352 36.373 36.352 95.552 0 131.925L267.787 413.21c-24.64 24.64-57.387 38.208-92.246 38.208c-34.837 0-67.605-13.568-92.245-38.208c-50.859-50.859-50.859-133.632 0-184.49z"/></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. AttachmentUploadIcon.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.