Home/Libraries/Siemens Industrial Experience Icons (Iconify)/screen-settings

Siemens Industrial Experience Icons (Iconify)

ScreenSettings

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" d="M469.333 362.667h-192v64h85.334v42.666H149.333v-42.666h85.334v-64h-192V64h426.666zM85.333 320h341.334V106.667H85.333zm170.965-192c5.846 0 11.555.588 17.07 1.708v17.51c12.2 3.14 23.08 9.57 31.639 18.285l15.165-8.756a85.6 85.6 0 0 1 9.369 12.777l1.404 2.434a85 85 0 0 1 6.313 14.339l-15.169 8.758a68.3 68.3 0 0 1 2.476 18.278c0 6.331-.863 12.461-2.476 18.278l15.169 8.757a85 85 0 0 1-6.318 14.35l-1.384 2.397a85.7 85.7 0 0 1-9.384 12.803l-15.165-8.756c-8.559 8.716-19.439 15.146-31.639 18.286v17.509a85.7 85.7 0 0 1-17.07 1.71c-5.844 0-11.55-.589-17.064-1.708v-17.51c-12.202-3.14-23.085-9.57-31.645-18.288l-15.167 8.757a85.7 85.7 0 0 1-9.283-12.635l-1.557-2.697a85 85 0 0 1-6.245-14.218l15.17-8.759a68.3 68.3 0 0 1-2.475-18.276c0-6.331.863-12.46 2.476-18.277l-15.171-8.759a85 85 0 0 1 6.235-14.2l1.577-2.731a85.6 85.6 0 0 1 9.273-12.618l15.167 8.757c8.56-8.717 19.443-15.148 31.645-18.288v-17.511A85.7 85.7 0 0 1 256.298 128m.004 59.733c-14.139.001-25.601 11.463-25.601 25.601s11.463 25.599 25.601 25.6c14.138-.001 25.599-11.462 25.599-25.6s-11.461-25.6-25.599-25.601"/></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. ScreenSettingsIcon.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.