Home/Libraries/Siemens Industrial Experience Icons (Iconify)/aspects

Siemens Industrial Experience Icons (Iconify)

Aspects

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="M192 85.767v63.566h115.667l2.606-6.814c9.377-30.74 36.646-53.385 69.326-56.752l4.292-.33l4.172-.104c44.885 0 81.27 36.083 81.27 80.593s-36.385 80.592-81.27 80.592c-34.968 0-65.203-22.029-76.524-53.38L310.273 192h-51.855c5.138 9.044 5.816 13.911 7.124 24.405l.481 5.285l.136 4.68v80.593c0 21.243 16.576 38.647 37.602 40.185l3.033.111h2.58l.899-3.259c9.377-30.739 36.646-53.385 69.326-56.752l4.292-.329l4.172-.105c44.885 0 81.27 36.083 81.27 80.593S432.948 448 388.063 448c-34.968 0-65.203-22.03-76.524-53.38l-1.266-3.806l-.899-3.259h-2.58c-42.12 0-76.756-31.775-80.863-72.471l-.308-4.099l-.099-4.022V226.37c0-12.744-6.013-24.265-15.526-31.694l-2.68-1.923L192 192v64H42.667V85.333zM388.063 327.11c-22.442 0-40.634 18.041-40.634 40.296s18.192 40.296 40.634 40.296c22.443 0 40.635-18.041 40.635-40.296s-18.192-40.296-40.635-40.296M149.333 128h-64v85.333h64zm238.73-2.371c-22.442 0-40.634 18.042-40.634 40.297s18.192 40.296 40.634 40.296c22.443 0 40.635-18.041 40.635-40.296s-18.192-40.297-40.635-40.297" clip-rule="evenodd"/></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. AspectsIcon.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.