Rotate 180 icon
ix:rotate-180
The Rotate 180 icon (ix:rotate-180) 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" d="M106.15 466.786V356.338l-27.63 17.407L64 349.62l45.679-27.078h27.63v144.244zm88.238-74.847q-12.202-6.108-17.647-13.539t-5.445-18.12q0-18.119 14.218-28.808q14.42-10.688 38.318-10.688t38.318 10.688q14.218 10.69 14.218 28.808q0 10.893-5.294 18.171t-17.798 13.488q11.496 4.682 17.143 10.586q9.075 9.467 9.075 24.126q0 21.885-16.739 33.49q-14.319 9.976-38.923 9.976t-38.923-9.976q-16.739-11.604-16.739-33.49q0-12.725 6.151-20.868q6.151-8.144 20.067-13.844m29.444-10.994l1.815-.407q8.47-2.138 13.815-7.584t5.344-12.165q0-7.329-5.596-11.553q-5.597-4.225-15.378-4.225q-9.681 0-15.327 4.174q-5.647 4.173-5.647 11.299q0 14.556 20.974 20.461m-1.109 23.107q-22.386 6.312-22.386 23.108q0 8.55 6.403 13.64t17.092 5.09q11.293 0 17.647-5.599q5.848-5.191 5.848-13.029q0-16.899-24.604-23.21m126.847-84.055q32.672 0 46.486 25.246q9.277 17.101 9.277 49.472q0 35.424-11.394 52.832q-14.218 21.784-44.369 21.784q-32.57 0-46.485-25.245q-9.277-17-9.277-50.287q0-34.611 11.394-52.017q14.218-21.785 44.368-21.785m0 25.449q-11.999 0-17.797 11.91t-5.798 36.748q0 25.754 5.646 37.563q5.849 12.215 17.949 12.215t17.849-11.961q5.747-11.961 5.747-37.206q0-25.347-5.546-37.053q-5.848-12.216-18.05-12.216M234.667 42.664c94.256 0 170.666 76.41 170.666 170.667l-.021 1.13l38.348-38.336l30.17 30.17l-90.51 90.51l-90.509-90.51l30.17-30.17l39.663 39.63q.023-1.209.023-2.424c0-70.693-57.308-128-128-128s-128 57.307-128 128c0 7.274.607 14.407 1.772 21.35l-43.116.003A172 172 0 0 1 64 213.331c0-94.257 76.41-170.667 170.667-170.667"/></svg>How to use the Rotate 180 icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:rotate-180" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:rotate-180" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:rotate-180" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--rotate-180]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:rotate-180"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:rotate-180"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/rotate-180.svg" alt="Rotate 180 icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Rotate 180 icon in other icon sets
Rotate 180 icon FAQ
Is the Rotate 180 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 Rotate 180 icon in React?
Install @iconify/react and render <Icon icon="ix:rotate-180" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rotate 180 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/rotate-180.svg" alt="Rotate 180 icon">, or paste the SVG code inline to style it with CSS.