Connections Settings icon
ix:connections-settings
The Connections Settings icon (ix:connections-settings) 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
- connectionssettings, connection, setting
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 42.666v32h48l2.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.146h-48v42.667h48l2.171.146c7.1.963 12.72 6.583 13.683 13.683l.146 2.171l-.146 2.171c-.963 7.099-6.583 12.719-13.683 13.683l-2.171.146h-48v32h-64l-4.259-.105c-37.866-1.861-69.243-28.404-78.381-63.879l-27.687-.016l-2.804.185a21.33 21.33 0 0 0-12.28 6.063c-7.691 7.69-8.282 19.791-1.775 28.16l1.775 2.01l72.579 72.579a128.7 128.7 0 0 0-30.17 30.17l-72.579-72.579l-2.88-3.072c-22.074-25.139-21.114-63.444 2.88-87.438a64 64 0 0 1 41.028-18.605l4.226-.14l27.681.005c9.12-35.444 40.441-61.977 78.255-63.894l4.391-.111zm-170.666 320c0 20.556 4.845 39.979 13.456 57.192c-12.984 27.998-40.701 47.773-73.197 49.37l-4.259.105h-64v-32h-48c-8.1 0-14.795-6.02-15.854-13.829l-.146-2.171c0-8.1 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-32h64c27.571 0 52.089 13.076 67.689 33.365a128.3 128.3 0 0 0-3.689 30.635m-64-21.333h-21.334v85.333h21.334l3.184-.117c20.973-1.547 37.73-18.256 39.353-39.208l.129-3.342l-.117-3.184c-1.547-20.973-18.255-37.73-39.207-39.353zm192-256h-21.334l-3.342.129c-19.787 1.533-35.79 16.565-38.811 35.898l-.396 3.455l-.117 3.184l.129 3.342c1.533 19.788 16.565 35.791 35.898 38.812l3.455.396l3.184.117h21.334zm-29.746 170.666h59.259v22.836a88.8 88.8 0 0 1 28.134 16.268l19.798-11.43l29.629 51.32l-19.784 11.422a89.4 89.4 0 0 1 1.482 16.251c0 5.551-.509 10.982-1.482 16.251l19.784 11.422l-29.63 51.32l-19.797-11.429a88.8 88.8 0 0 1-28.134 16.267v22.836h-59.259v-22.836a88.8 88.8 0 0 1-28.135-16.267l-19.797 11.429l-29.63-51.32l19.785-11.422a89.3 89.3 0 0 1-1.483-16.251c0-5.55.509-10.982 1.483-16.251l-19.785-11.422l29.63-51.32l19.797 11.43a88.8 88.8 0 0 1 28.135-16.268zm65.185 106.667c0 19.637-15.919 35.556-35.556 35.556s-35.555-15.919-35.555-35.556s15.918-35.556 35.555-35.556s35.556 15.919 35.556 35.556" clip-rule="evenodd"/></svg>How to use the Connections Settings icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:connections-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:connections-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:connections-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--connections-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:connections-settings"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:connections-settings"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/connections-settings.svg" alt="Connections Settings icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Connections Settings icon FAQ
Is the Connections Settings 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 Connections Settings icon in React?
Install @iconify/react and render <Icon icon="ix:connections-settings" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Connections Settings icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/connections-settings.svg" alt="Connections Settings icon">, or paste the SVG code inline to style it with CSS.