Zone icon
ix:zone
The Zone icon (ix: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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M196.56 318.381L138.49 352L256 420.032L373.51 352l-58.07-33.619l21.335-36.95L458.667 352L256 469.333L53.334 352l121.891-70.569z"/><path fill="currentColor" fill-rule="evenodd" d="m231.367 335.999l6.158 10.667L256 378.667l18.475-32.001l6.159-10.667c26.635-46.132 66.14-114.553 72.379-125.326C362.56 194.187 368 175.07 368 154.667c0-61.856-50.144-112-112-112s-112 50.144-112 112c0 20.403 5.44 39.52 14.987 56.006c6.239 10.773 45.745 79.194 72.38 125.326M256 293.333c-25.12-43.508-54.745-94.811-60.09-104.042Zm0 0c25.121-43.509 54.747-94.814 60.091-104.042c5.874-10.144 9.242-21.908 9.242-34.624c0-38.292-31.041-69.334-69.333-69.334s-69.333 31.042-69.333 69.334c0 12.716 3.368 24.48 9.243 34.624" clip-rule="evenodd"/><path fill="currentColor" d="M293.333 149.333c0 20.619-16.714 37.334-37.333 37.334c-20.618 0-37.333-16.715-37.333-37.334C218.667 128.715 235.382 112 256 112c20.619 0 37.333 16.715 37.333 37.333"/></svg>How to use the Zone icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:zone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:zone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:zone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--zone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:zone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:zone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/zone.svg" alt="Zone icon" width="24" height="24">Zone icon FAQ
Is the 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 Zone icon in React?
Install @iconify/react and render <Icon icon="ix:zone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/zone.svg" alt="Zone icon">, or paste the SVG code inline to style it with CSS.