Refresh Settings icon
ix:refresh-settings
The Refresh Settings icon (ix:refresh-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
- refreshsettings, 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="M133.445 341.349c23.77 34.07 61.384 57.763 104.687 62.926a137.9 137.9 0 0 0 18.333 43.724L256 448c-60.315 0-114.134-27.812-149.333-71.31V448H64V298.667h149.333v42.666zm165.222-128.016H448V64h-42.667v71.31C370.134 91.812 316.315 64 256 64c-97.974 0-178.808 73.383-190.537 168.183l42.341 5.293c9.123-73.734 71.994-130.809 148.196-130.809c50.747 0 95.581 25.312 122.567 64h-79.9zm175.951 126.203l-18.963 10.948a85.4 85.4 0 0 1 3.094 22.849a85.4 85.4 0 0 1-3.094 22.85l18.963 10.948a106 106 0 0 1-7.781 17.724l-1.992 3.45a107 107 0 0 1-11.586 15.761l-18.957-10.944c-10.7 10.895-24.301 18.931-39.553 22.856v21.888A107 107 0 0 1 373.416 480c-7.306 0-14.44-.735-21.334-2.134v-21.888c-15.252-3.926-28.855-11.962-39.555-22.859l-18.956 10.944a107 107 0 0 1-11.628-15.831l-1.906-3.302a106 106 0 0 1-7.823-17.803l18.961-10.948a85.4 85.4 0 0 1-3.093-22.846a85.4 85.4 0 0 1 3.093-22.846l-18.961-10.947a106 106 0 0 1 7.824-17.806l1.904-3.297a107 107 0 0 1 11.629-15.834l18.956 10.944c10.7-10.896 24.303-18.933 39.555-22.859v-21.887a107 107 0 0 1 21.334-2.134c7.306 0 14.44.734 21.333 2.133v21.888c15.252 3.926 28.853 11.962 39.553 22.857l18.957-10.945a107 107 0 0 1 11.588 15.763l1.989 3.446a106 106 0 0 1 7.782 17.727m-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 Refresh Settings icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:refresh-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:refresh-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:refresh-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--refresh-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:refresh-settings"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:refresh-settings"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/refresh-settings.svg" alt="Refresh Settings icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Refresh Settings icon FAQ
Is the Refresh 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 Refresh Settings icon in React?
Install @iconify/react and render <Icon icon="ix:refresh-settings" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Refresh Settings icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/refresh-settings.svg" alt="Refresh Settings icon">, or paste the SVG code inline to style it with CSS.