Home/Libraries/Siemens Industrial Experience Icons (Iconify)/connection-success

Siemens Industrial Experience Icons (Iconify)

ConnectionSuccess

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ConnectionSuccessIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.