Home/Libraries/Freehand free icons (Iconify)/connect-device-exchange

Freehand free icons (Iconify)

ConnectDeviceExchange

License: CC-BY-4.0

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="m17.632 9.37l-.05.47l-.15.8l-.18 1.36a.34.34 0 0 0 .25.41a.35.35 0 0 0 .41-.25l.39-1.3l.29-.79l.139-.52a1.5 1.5 0 0 0-.14-1.19a1 1 0 0 0-.65-.359a5.4 5.4 0 0 0-.94 0l-.879.08l-1.35.16a.31.31 0 0 0-.31.29a.32.32 0 0 0 .29.31l1.39.12l.66.07l-3.668 2.439c-.46.32-1 .71-1.59 1.159c-1 .82-2.119 1.77-2.998 2.509v-.28l.21-2.089a.31.31 0 0 0-.23-.36a.3.3 0 0 0-.35.23c-.17.5-.35 1-.5 1.43c-.07.21-.13.43-.18.65c-.1.403-.1.825 0 1.229c.15.37.48.68 1.29.75l2.448-.06a.341.341 0 0 0 .367-.479a.34.34 0 0 0-.367-.191l-2.229-.37c.8-.51 1.75-1.12 2.65-1.74s1.519-1.089 2.118-1.489c.21-.15.53-.38.9-.67c.92-.72 2.139-1.729 2.939-2.369z"/><path d="M12.394 17.817a.29.29 0 0 0-.33-.26a.3.3 0 0 0-.26.33c.06.53.12.92.16 1.43s.06.819.06 1.419a1.08 1.08 0 0 1-.38.88a3.7 3.7 0 0 1-1.66.539l-4.197.59c-.41 0-1.13.18-1.77.22a1.54 1.54 0 0 1-.85-.07a1.77 1.77 0 0 1-.469-.9a11 11 0 0 1-.36-2L1.188 10a5 5 0 0 1-.07-.78a.86.86 0 0 1 .15-.52a1.75 1.75 0 0 1 .62-.399l.45 1.08q.267.423.63.77c.139.137.306.243.49.309c.5.068 1.008.068 1.51 0c.706-.05 1.405-.17 2.088-.36c.33-.13.79-.28 1.14-.46q.308-.134.56-.36a1.5 1.5 0 0 0 .35-.65c.11-.389.16-.889.22-1.219v-.42a.34.34 0 0 1 .18.01a2 2 0 0 1 .739 1c.252.642.42 1.314.5 2a.34.34 0 0 0 .67-.08a8.6 8.6 0 0 0-.5-2.25a2.74 2.74 0 0 0-1-1.35a2.3 2.3 0 0 0-1.21-.2q-1.224.064-2.428.3l-2.74.41a9.5 9.5 0 0 0-1.838.41a3 3 0 0 0-1.21.76a1.74 1.74 0 0 0-.39.9c-.05.398-.05.801 0 1.2l1.09 9.995c.088.863.28 1.712.57 2.529c.15.435.425.817.79 1.1c.37.207.794.3 1.219.269q1.081-.1 2.149-.31l4.208-.75a4.3 4.3 0 0 0 1.999-.77a1.7 1.7 0 0 0 .59-1.439c0-.63-.06-1.08-.1-1.469c-.04-.39-.15-.91-.22-1.44M3.668 7.82l2.768-.49q.99-.227 2-.35h.28l-.07.31c-.08.26-.16.65-.28 1a1 1 0 0 1-.2.38a1.6 1.6 0 0 1-.47.19c-.31.1-.68.19-1 .26q-.608.14-1.23.22l-1.129.06a3.2 3.2 0 0 1-.65.06a.9.9 0 0 1-.3-.19a2 2 0 0 1-.379-.33L2.498 8q.577-.155 1.17-.23zm20.271-4.817a2.4 2.4 0 0 0-.47-1.45a2.3 2.3 0 0 0-1-.609a15 15 0 0 0-2.199-.44l-2.419-.36a7 7 0 0 0-1.679-.14c-.43.003-.853.113-1.23.32a1.54 1.54 0 0 0-.58.66q-.196.484-.279 1l-1.08 6.377a.303.303 0 0 0 .23.36a.3.3 0 0 0 .36-.23l1.37-6.317a3.2 3.2 0 0 1 .19-.68a.7.7 0 0 1 .29-.37c.175-.08.366-.12.56-.12a7.4 7.4 0 0 0-.12 1.17c.005.29.08.575.22.83c.104.152.24.282.399.38q.407.244.86.389c.721.23 1.465.385 2.219.46c.576.082 1.163.02 1.709-.18c.306-.234.55-.54.71-.89q.252-.51.41-1.06a.55.55 0 0 1 .19.14c.184.34.25.73.19 1.11a12.7 12.7 0 0 1-.33 2.21c-.14.689-.26 1.349-.38 1.998c-.16 1-.3 1.94-.48 2.999c-.12.74-.24 1.51-.39 2.269c-.11.5-.22 1-.36 1.46a.85.85 0 0 1-.68.639c-.43.075-.87.075-1.3 0c-.489-.06-1.129-.16-1.808-.28c-.68-.12-1.22-.22-1.78-.36a.33.33 0 0 0-.41.24a.33.33 0 0 0 .24.41c.45.13 1 .25 1.45.36c.81.17 1.62.31 2.189.41a4.06 4.06 0 0 0 1.93 0a1.67 1.67 0 0 0 .999-1.1c.16-.5.3-1 .43-1.53c.18-.769.33-1.539.48-2.288l.999-4.928c.225-.936.342-1.896.35-2.859m-2.54-.44a1.8 1.8 0 0 1-.569.65a.8.8 0 0 1-.22 0a7 7 0 0 1-.91-.09q-1.014-.12-1.999-.39c-.17 0-.36-.08-.55-.14a.6.6 0 0 1-.3-.13a1.16 1.16 0 0 1-.17-.56a7 7 0 0 1 0-.909q.506.037 1 .15l2.46.45c.44.07 1.069.15 1.639.29c-.13.22-.25.45-.38.68"/></g></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. ConnectDeviceExchangeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.