Cogwheel icon
ix:cogwheel
The Cogwheel icon (ix:cogwheel) 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
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="M332.792 42.667v51.541a178 178 0 0 1 24.96 14.379l7.637-4.437l36.97-21.312l21.334 36.928l34.112 59.136l21.333 36.949l-36.928 21.333l-7.637 4.374c.427 4.842.64 9.642.64 14.442s-.213 9.6-.64 14.443l7.637 4.373l36.928 21.334l-21.333 36.949l-34.112 59.136l-21.333 36.928l-36.971-21.312l-7.637-4.437a178 178 0 0 1-24.96 14.378v51.542H179.213v-51.542a178 178 0 0 1-24.96-14.378l-7.659 4.437l-36.949 21.312l-21.333-36.928l-34.134-59.136l-21.333-36.95l36.95-21.333l7.615-4.373A173 173 0 0 1 76.792 256c0-4.8.213-9.6.618-14.442l-7.616-4.374l-36.949-21.333l21.333-36.95l34.134-59.135l21.333-36.928l36.95 21.312l7.658 4.437a178 178 0 0 1 24.96-14.379V42.667zm-42.667 42.667H221.88v38.613c-24.384 6.272-46.144 19.008-63.254 36.437L125.261 141.1l-34.133 59.136l33.408 19.285c-3.2 11.627-5.078 23.83-5.078 36.48c0 12.651 1.878 24.854 5.078 36.48l-33.408 19.286l34.133 59.136l33.365-19.286c17.11 17.43 38.87 30.166 63.254 36.438v38.613h68.245v-38.613c24.384-6.272 46.144-19.008 63.253-36.438l33.344 19.286l34.155-59.136l-33.408-19.286c3.2-11.626 5.077-23.829 5.077-36.48s-1.877-24.853-5.077-36.48l33.408-19.285l-34.155-59.136l-33.344 19.285c-17.109-17.429-38.869-30.165-63.253-36.437zM256 170.667c47.132 0 85.334 38.202 85.334 85.333S303.132 341.334 256 341.334c-47.131 0-85.333-38.202-85.333-85.334c0-47.131 38.202-85.333 85.333-85.333m0 42.667c-23.567 0-42.666 19.1-42.666 42.666c0 23.568 19.099 42.667 42.666 42.667s42.667-19.1 42.667-42.667s-19.1-42.666-42.667-42.666"/></svg>How to use the Cogwheel icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:cogwheel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:cogwheel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:cogwheel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--cogwheel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:cogwheel"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:cogwheel"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/cogwheel.svg" alt="Cogwheel icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Cogwheel icon in other icon sets
Cogwheel icon FAQ
Is the Cogwheel 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 Cogwheel icon in React?
Install @iconify/react and render <Icon icon="ix:cogwheel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cogwheel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/cogwheel.svg" alt="Cogwheel icon">, or paste the SVG code inline to style it with CSS.