Touch icon
ix:touch
The Touch icon (ix:touch) 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="M291.746 258.115v-84.781c0-30.875-25.125-56-56-56s-56 25.125-56 56v119.43c-10.366-8.696-23.304-13.628-36.893-13.628c-16.177 0-31.708 6.854-42.573 18.812c-21.01 23.024-19.642 58.547 2.658 80.149c.028.029.039.06.067.089l94.328 91.148h208v-176zm70.92 168.552H213.333s-74.738-70.448-82.009-77.073c-8.273-7.536-8.87-20.354-1.333-28.63c7.539-8.274 20.357-8.87 28.631-1.333c5.54 5.046 41.952 35.036 41.952 35.036l16.506-8.534v-172.8c0-10.31 8.358-18.666 18.666-18.666c10.31 0 18.667 8.357 18.667 18.667v117.875l108.253 34.125zm-253.19-220.292c-2.77-10.575-4.396-21.609-4.396-33.041c0-72.042 58.614-130.667 130.666-130.667s130.667 58.625 130.667 130.667c0 11.432-1.626 22.466-4.397 33.041l-40.472-14.01c1.364-6.146 2.202-12.48 2.202-19.031c0-48.524-39.476-88-88-88s-88 39.476-88 88c0 6.552.839 12.885 2.202 19.03z"/></svg>
How to use the Touch icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:touch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:touch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:touch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--touch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:touch"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:touch"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ix/touch.svg" alt="Touch icon" width="24" height="24">
Related icons in Siemens Industrial Experience Icons
Touch icon in other icon sets
Touch icon FAQ
Is the Touch 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 Touch icon in React?
Install @iconify/react and render <Icon icon="ix:touch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Touch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/touch.svg" alt="Touch icon">, or paste the SVG code inline to style it with CSS.
Browse all Siemens Industrial Experience Icons →
ICONYZ
