Spatial icon
ix:spatial
The Spatial icon (ix:spatial) 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" fill-rule="evenodd" d="m301.121 40.832l168.213 96.121v251.98l-258.455 82.235l-168.212-96.121v-251.98zm-3.713 258.752l-62.741 19.966v99.273l174.336-55.484zM192 333.127l-87.786 27.936L192 411.237zm234.667-154.619l-117.334 37.334v65.968l117.334 67.048zm-341.334-3.081v169.258L192 310.746V236.38zM288 222.629l-53.333 16.97v57.571L288 280.2zm0-132.876l-171.245 54.489l99.032 56.59L288 177.855zm21.333 4.905v76.409l85.873-27.323z"/></svg>How to use the Spatial icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:spatial" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:spatial" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:spatial" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--spatial]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:spatial"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:spatial"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/spatial.svg" alt="Spatial icon" width="24" height="24">Spatial icon FAQ
Is the Spatial 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 Spatial icon in React?
Install @iconify/react and render <Icon icon="ix:spatial" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spatial icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/spatial.svg" alt="Spatial icon">, or paste the SVG code inline to style it with CSS.