Time Zone icon
ix:time-zone
The Time Zone icon (ix:time-zone) 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
- timezone
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="M42.667 255.999c0-117.82 95.512-213.333 213.333-213.333s213.333 95.513 213.333 213.333c0 15.034-1.555 29.705-4.513 43.861c-21.506-26.744-54.497-43.861-91.487-43.861c-25.118 0-48.392 7.893-67.479 21.334H203.161c.257 5.538.612 10.991 1.056 16.344l1.154 11.927q.326 2.937.686 5.827l1.575 11.362c3.982 26.038 10.057 48.678 17.105 66.118l3.077 7.15c8.867 19.327 18.932 30.605 28.186 30.605c3.453 0 7.019-1.57 10.594-4.543c7.65 16.71 19.109 31.312 33.266 42.696a214 214 0 0 1-43.86 4.514c-117.821 0-213.333-95.513-213.333-213.334m43.987-21.333c7.628-61.174 47.632-112.293 102.324-135.67c-7.733 16.346-14.063 35.65-18.812 57.094l-2.337 11.396c-2.921 15.444-5.06 31.857-6.357 48.965l-.814 12.957a499 499 0 0 0-.236 5.258zm0 42.667c7.628 61.174 47.632 112.293 102.324 135.67c-7.733-16.347-14.063-35.65-18.812-57.094l-2.337-11.397c-2.921-15.443-5.06-31.857-6.357-48.965l-.814-12.956q-.131-2.62-.236-5.258zm338.692-42.667h-73.768q-.105-2.638-.236-5.258l-.814-12.957c-1.297-17.108-3.436-33.521-6.357-48.965l-2.337-11.396c-4.749-21.444-11.079-40.748-18.812-57.094c54.692 23.377 94.696 74.496 102.324 135.67m-222.185 0c.257-5.539.612-10.991 1.056-16.344l1.154-11.927q.326-2.937.686-5.827l1.575-11.362c3.982-26.038 10.057-48.679 17.105-66.118l3.077-7.15c8.867-19.327 18.932-30.605 28.186-30.605s19.319 11.278 28.186 30.605l3.077 7.15c7.048 17.439 13.123 40.08 17.105 66.118l1.575 11.362q.361 2.89.686 5.827l1.154 11.927c.444 5.353.799 10.805 1.056 16.344zm170.172 234.667c53.02 0 96-42.981 96-96c0-53.02-42.98-96-96-96c-53.019 0-96 42.98-96 96c0 53.019 42.981 96 96 96m16-170.667v58.667h37.334v32h-69.334v-90.667z" clip-rule="evenodd"/></svg>How to use the Time Zone icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:time-zone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:time-zone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:time-zone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--time-zone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:time-zone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:time-zone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/time-zone.svg" alt="Time Zone icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Time Zone icon in other icon sets
Time Zone icon FAQ
Is the Time Zone 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 Time Zone icon in React?
Install @iconify/react and render <Icon icon="ix:time-zone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Time Zone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/time-zone.svg" alt="Time Zone icon">, or paste the SVG code inline to style it with CSS.