Project Settings icon
ix:project-settings
The Project Settings icon (ix:project-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
- projectsettings, setting
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m426.667 149.333l-192-106.667l-192 106.667v213.333l192 106.667L256 457.471V264.298l128-73.899v70.827l42.667 44.736zM85.333 334.6V191.594l128 73.899v142.72zm29.078-175.497l120.256-69.156l119.21 68.58l-120.234 69.419zm360.207 201.766l-18.962 10.948a85.4 85.4 0 0 1 3.093 22.849a85.4 85.4 0 0 1-3.093 22.849l18.962 10.948a106 106 0 0 1-7.782 17.728l-1.988 3.444a107 107 0 0 1-11.589 15.764l-18.957-10.945c-10.7 10.895-24.301 18.931-39.553 22.857v21.888a107 107 0 0 1-21.333 2.134c-7.306 0-14.44-.735-21.334-2.134v-21.888c-15.252-3.926-28.855-11.963-39.555-22.859l-18.956 10.944a107 107 0 0 1-11.626-15.827l-1.911-3.31a106 106 0 0 1-7.82-17.8l18.961-10.947a85.4 85.4 0 0 1-3.093-22.846a85.4 85.4 0 0 1 3.093-22.846l-18.961-10.948a106 106 0 0 1 7.822-17.802l1.908-3.304a107 107 0 0 1 11.627-15.83l18.956 10.944c10.7-10.896 24.303-18.933 39.555-22.859v-21.888a107 107 0 0 1 21.334-2.134c7.306 0 14.44.735 21.333 2.134v21.888c15.252 3.926 28.853 11.962 39.553 22.857l18.957-10.945a107 107 0 0 1 11.59 15.767l1.985 3.438a106 106 0 0 1 7.784 17.731m-69.201 33.797c0 17.673-14.327 32-32 32s-32-14.327-32-32s14.327-32 32-32s32 14.327 32 32" clip-rule="evenodd"/></svg>How to use the Project Settings icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:project-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:project-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:project-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--project-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:project-settings"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:project-settings"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/project-settings.svg" alt="Project Settings icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Project Settings icon FAQ
Is the Project 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 Project Settings icon in React?
Install @iconify/react and render <Icon icon="ix:project-settings" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Project Settings icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/project-settings.svg" alt="Project Settings icon">, or paste the SVG code inline to style it with CSS.