Time Zone Filled icon
ix:time-zone-filled
The Time Zone Filled icon (ix:time-zone-filled) 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, zonefilled, timezonefilled
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="M372.771 232.297h94.599c-9.599-86.84-71.322-157.97-153.19-181.412c35.162 55.613 54.692 118.13 58.591 181.412M256.001 42.668a343 343 0 0 1 25.624 36.693c28.569 47.212 44.698 99.731 48.388 152.936H181.988c3.69-53.205 19.82-105.724 48.388-152.936A343 343 0 0 1 256 42.668zm-57.892 7.763c-82.668 22.965-145.14 94.457-154.802 181.866h95.923c3.91-63.455 23.536-126.14 58.879-181.866M139.23 279.705H43.307c9.663 87.408 72.134 158.9 154.802 181.865c-35.342-55.726-54.969-118.411-58.879-181.865m116.771 189.628a343 343 0 0 1-25.624-36.693c-28.568-47.212-44.698-99.731-48.388-152.935h89.06c-22.594 24.669-36.381 57.539-36.381 93.629c0 32.234 10.998 61.899 29.447 85.447a347 347 0 0 1-8.113 10.552m117.332.001c53.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 Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:time-zone-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:time-zone-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:time-zone-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--time-zone-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:time-zone-filled"></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-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/time-zone-filled.svg" alt="Time Zone Filled icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Time Zone Filled icon FAQ
Is the Time Zone Filled 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 Filled icon in React?
Install @iconify/react and render <Icon icon="ix:time-zone-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Time Zone Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/time-zone-filled.svg" alt="Time Zone Filled icon">, or paste the SVG code inline to style it with CSS.