Home/Libraries/Freehand free icons (Iconify)/cables-split

Freehand free icons (Iconify)

CablesSplit

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"><path fill="#818cf8" fill-rule="evenodd" d="M14.334 9.309a3.754 3.754 0 0 0-6.1-.46a3.684 3.684 0 0 0 2.585 6.121a4 4 0 0 0 1.688-.19a.35.35 0 0 0-.21-.659a3.2 3.2 0 0 1-1.398.08a2.745 2.745 0 0 1-1.777-4.603a2.816 2.816 0 0 1 4.423.25a2.895 2.895 0 0 1-.25 3.604a.31.31 0 0 0 .34.51a3.694 3.694 0 0 0 .699-4.653M4.53 2.989a.35.35 0 0 0-.51-.44C2.672 3.987 2.233 4.476 1.824 4.576l-.09-.09a1.64 1.64 0 0 1-.37-.828l.5-.52c.369-.449 1.228-1.687 1.827-1.557c.22 0 .31.44.489.669a.303.303 0 0 0 .509-.33c-.2-.359-.2-.848-.779-1.058c-.998-.4-2.136.769-2.875 1.498c-.32.32-.73.629-.819 1.108c-.19.939.809 2.436 1.807 2.157c.72-.21.999-.64 2.506-2.636m8.098 13.978a7 7 0 0 0-2.187-.27a2.2 2.2 0 0 0-1.368.18a2.48 2.48 0 0 0-.789 1.498a1.208 1.208 0 0 0 1.139 1.517a16.5 16.5 0 0 0 2.995-.22a.35.35 0 0 0 .376-.197a.35.35 0 0 0-.376-.491c-2.117 0-2.656 0-2.995-.18v-.13c.03-.306.148-.597.34-.839c1.287 0 2.775-.309 3.114.24c.18.29-.489 1.058.08 1.178a.3.3 0 0 0 .322-.118a.3.3 0 0 0 .047-.111c.06-.23.24-.49.29-.76c.04-.429-.21-.988-.988-1.297M7.175 5.145a.35.35 0 0 0-.43.23A8.9 8.9 0 0 1 4.94 7.292a.62.62 0 0 1-.59 0c-.918-.39.12-.809.28-.998c.16-.19 1.288-1.877 1.757-1.758a.62.62 0 0 1 .36.32a.304.304 0 1 0 .539-.28a1.07 1.07 0 0 0-1.268-.749c-.739.16-1.677 1.159-2.217 1.698a6 6 0 0 0-.778.749c-.91 1.308 1.416 3.215 2.854 1.506c.02-.02 1.138-1.408 1.138-1.497c.32-.41.63-.999.16-1.139m5.681 16.176c-.619-.46-1.997-.4-2.785-.43a6 6 0 0 0-1.069 0c-1.577.25-1.348 3.236.889 3.106l1.897-.19c.48-.09 1.128-.28.898-.709a.34.34 0 0 0-.459-.15a9.1 9.1 0 0 1-2.636 0a.63.63 0 0 1-.409-.429c-.36-.938.659-.48.909-.489s2.246-.38 2.496.05a.6.6 0 0 1 0 .47a.309.309 0 0 0 .419.344a.3.3 0 0 0 .16-.145a1.07 1.07 0 0 0-.31-1.428M23.78 3.308a3 3 0 0 0-.3-.549a2.2 2.2 0 0 0-.21-.38a.36.36 0 0 0-.52.49q.106.357.31.669q-.754.84-1.627 1.557a32 32 0 0 1-3.215 2.796c-.65.47-.41.839-1.558-.13a4.6 4.6 0 0 1-.719-.778c-.928-1.249.32-1.878 1.398-2.996C20.225.832 20.854.393 21.573.892c.08 0 .479.61.838.729a.33.33 0 0 0 .35-.54a9 9 0 0 0-.77-.738c-1.307-.999-2.625.25-5.37 2.885c-1.299 1.248-3.166 2.367-1.618 4.453A5.3 5.3 0 0 0 17 9.36a1 1 0 0 0 .878 0c.999-.38 3.435-2.916 4.164-3.704c.948-.919 1.947-1.668 1.737-2.347" 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. CablesSplitIcon.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.