Connection Success icon
ix:connection-success
The Connection Success icon (ix:connection-success) 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
- connectionsuccess
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="M405.333 74.668v-32h-64l-4.391.111c-37.814 1.917-69.135 28.45-78.255 63.894l-27.681-.005l-4.226.14a64 64 0 0 0-41.028 18.605c-23.994 23.994-24.954 62.299-2.88 87.438l2.88 3.072l87.92 87.921a107.3 107.3 0 0 1 30.17-30.17l-87.92-87.921l-1.775-2.01c-6.507-8.369-5.916-20.47 1.775-28.16a21.33 21.33 0 0 1 12.28-6.063l2.804-.185l27.687.016c9.138 35.475 40.515 62.018 78.381 63.879l4.259.105h64v-32h48l2.171-.146c7.1-.964 12.72-6.584 13.683-13.683l.146-2.171l-.146-2.171c-.963-7.1-6.583-12.72-13.683-13.683l-2.171-.146h-48v-42.667h48l2.171-.146c7.1-.963 12.72-6.583 13.683-13.683l.146-2.171l-.146-2.171c-.963-7.1-6.583-12.72-13.683-13.683l-2.171-.146zm-152.02 288.005H256c.001 15.172 3.169 29.604 8.88 42.671l-11.573.007c-9.138 35.475-40.515 62.018-78.381 63.879l-4.259.105h-64v-32h-48c-8.1 0-14.795-6.02-15.854-13.829l-.146-2.171c0-8.101 6.019-14.795 13.829-15.854l2.17-.146h48.001v-42.667h-48c-8.1 0-14.795-6.019-15.854-13.829l-.146-2.171c0-8.1 6.019-14.794 13.829-15.854l2.17-.146h48.001v-32h64c39.763 0 73.175 27.198 82.646 64.005m-103.98-21.338h21.334l3.342.129c20.952 1.623 37.66 18.38 39.207 39.353l.117 3.184l-.129 3.342c-1.623 20.952-18.38 37.661-39.353 39.208l-3.184.117h-21.334zm192-256h21.334v85.333h-21.334l-3.184-.117l-3.455-.396c-19.333-3.021-34.365-19.024-35.898-38.812l-.129-3.342l.117-3.184l.396-3.455c3.021-19.333 19.024-34.365 38.811-35.898zm32 192c-53.019 0-96 42.98-96 96c0 53.019 42.981 96 96 96c53.02 0 96-42.981 96-96c0-53.02-42.98-96-96-96m62.763 62.762l-84.095 84.095l-41.428-41.428l18.856-18.856l22.572 22.571l65.239-65.238z" clip-rule="evenodd"/></svg>How to use the Connection Success icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:connection-success" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:connection-success" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:connection-success" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--connection-success]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:connection-success"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:connection-success"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/connection-success.svg" alt="Connection Success icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Connection Success icon FAQ
Is the Connection Success 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 Connection Success icon in React?
Install @iconify/react and render <Icon icon="ix:connection-success" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Connection Success icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/connection-success.svg" alt="Connection Success icon">, or paste the SVG code inline to style it with CSS.