Operating System Settings icon

ix:operating-system-settings

The Operating System Settings icon (ix:operating-system-settings) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Siemens Industrial Experience Icons
Author: Siemens AG
License: MIT
Size: 512 × 512
Tags: operatingsystem, systemsettings, operatingsystemsettings, setting

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M373.422 266.667c7.305 0 14.441.726 21.333 2.125v21.896c15.24 3.923 28.826 11.97 39.521 22.854l18.958-10.938a106.5 106.5 0 0 1 21.355 36.938L455.63 350.5a85.4 85.4 0 0 1 3.125 22.833c0 7.904-1.114 15.548-3.125 22.813l18.959 10.958a106.5 106.5 0 0 1-21.355 36.938l-18.958-10.938c-10.697 10.89-24.276 18.95-39.521 22.875v21.875a107.1 107.1 0 0 1-42.666 0v-21.875c-15.251-3.925-28.843-11.98-39.542-22.875l-18.958 10.938a106.5 106.5 0 0 1-21.355-36.938l18.958-10.958a85.4 85.4 0 0 1-3.103-22.813c0-7.91 1.09-15.565 3.103-22.833l-18.958-10.958a106.5 106.5 0 0 1 21.355-36.938l18.958 10.938c10.698-10.889 24.296-18.93 39.542-22.854v-21.896a107.3 107.3 0 0 1 21.333-2.125m53.245-9.725A127.2 127.2 0 0 0 384 245.773V106.667H106.667v192h162.691c-15.118 21.016-24.025 46.8-24.025 74.666c0 19.034 4.157 37.098 11.609 53.334h-86.275V384H224v-42.667H64V64h362.667zm-53.245 84.391c-17.673 0-32 14.327-32 32s14.327 32 32 32c17.671-.003 32-14.329 32-32s-14.33-31.997-32-32m-174.427-192q24.285 0 37.228 15.415q12.433 14.76 12.433 37.955q0 25.376-14.687 40.355Q221.317 256 198.995 256q-24.286 0-37.228-15.415q-12.434-14.76-12.434-38.536q0-24.867 14.688-39.846q12.724-12.87 34.974-12.87m103.882 0q15.124 0 32.865 5.599l-4.653 18.905q-10.47-3.854-15.778-5.09q-5.236-1.236-10.98-1.236q-6.545 0-9.962 2.909q-3.562 3.126-3.562 7.925q0 4.144 2.981 6.544q3.054 2.327 14.542 7.052q11.416 4.727 15.124 6.618a43 43 0 0 1 6.98 4.29q8.943 6.834 8.943 20.868q0 16.578-11.27 25.085Q318.51 256 301.204 256q-18.032 0-34.537-5.816l3.345-19.778q17.668 7.416 29.956 7.416q7.998 0 11.779-3.926q3.272-3.418 3.273-8.362q0-4.435-3.2-6.907t-15.778-7.635q-9.307-3.854-13.161-5.744a45.5 45.5 0 0 1-6.98-4.29q-9.088-6.762-9.089-19.486q0-10.98 5.962-19.269q9.163-12.87 30.103-12.87m-103.955 18.178q-12.58 0-19.414 10.47q-6.18 9.453-6.18 24.286q0 17.159 7.344 26.612q6.908 8.943 18.323 8.943q12.506 0 19.486-10.543q6.181-9.306 6.181-24.576q0-16.796-7.344-26.249q-6.907-8.943-18.396-8.943"/></svg>

How to use the Operating System Settings icon

React

import { Icon } from "@iconify/react";

<Icon icon="ix:operating-system-settings" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ix:operating-system-settings" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ix:operating-system-settings" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--operating-system-settings]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:operating-system-settings"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ix:operating-system-settings"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ix/operating-system-settings.svg" alt="Operating System Settings icon" width="24" height="24">

Related icons in Siemens Industrial Experience Icons

Operating System Settings icon FAQ

Is the Operating System Settings icon free for commercial use?

Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Operating System Settings icon in React?

Install @iconify/react and render <Icon icon="ix:operating-system-settings" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Operating System Settings icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/operating-system-settings.svg" alt="Operating System Settings icon">, or paste the SVG code inline to style it with CSS.

Browse all Siemens Industrial Experience Icons →