Client Interface icon
ix:client-interface
The Client Interface icon (ix:client-interface) 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
- clientinterface
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M277.333 64v384H106.667c-22.493 0-40.921-17.405-42.55-39.482L64 405.333V106.667c0-22.493 17.405-40.921 39.482-42.55l3.185-.117zm-42.666 42.615h-128v298.666l128 .052zm127.052 192c19.881 0 36.586 13.597 41.322 31.999h66.292v42.719l-66.297-.03c-4.744 18.392-21.444 31.978-41.317 31.978h-63.052V298.615zm0-192c19.881 0 36.586 13.597 41.322 31.999h66.292v42.689h-66.297c-4.744 18.392-21.444 31.978-41.317 31.978h-63.052V106.667z"/></svg>How to use the Client Interface icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:client-interface" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:client-interface" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:client-interface" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--client-interface]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:client-interface"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:client-interface"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/client-interface.svg" alt="Client Interface icon" width="24" height="24">Client Interface icon FAQ
Is the Client Interface 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 Client Interface icon in React?
Install @iconify/react and render <Icon icon="ix:client-interface" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Client Interface icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/client-interface.svg" alt="Client Interface icon">, or paste the SVG code inline to style it with CSS.