Home/Libraries/Plump color icons (Iconify)/cable-split

Plump color icons (Iconify)

CableSplit

License: CC-BY-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 48 48"><g fill="none" stroke-width="1.5"><path fill="#818cf8" d="M24 16a6 6 0 1 0 0 12a6 6 0 0 0 0-12m-4.986 20.82c.045 1.237 1.036 2.106 2.273 2.143c.705.021 1.603.037 2.713.037s2.008-.016 2.713-.037c1.237-.037 2.228-.906 2.273-2.143a23 23 0 0 0 0-1.64c-.045-1.237-1.036-2.106-2.273-2.143C26.008 33.016 25.11 33 24 33s-2.008.016-2.713.037c-1.237.037-2.228.906-2.273 2.143a23 23 0 0 0 0 1.64m0 6c.045 1.237 1.036 2.106 2.273 2.143c.705.021 1.603.037 2.713.037s2.008-.016 2.713-.037c1.237-.037 2.228-.906 2.273-2.143a23 23 0 0 0 0-1.64c-.045-1.237-1.036-2.106-2.273-2.143C26.008 39.016 25.11 39 24 39s-2.008.016-2.713.037c-1.237.037-2.228.906-2.273 2.143a23 23 0 0 0 0 1.64m23.612-32.484c.858-.945.891-2.314.042-3.267c-.462-.52-1.06-1.16-1.82-1.919a47 47 0 0 0-1.918-1.82c-.953-.849-2.323-.816-3.267.043a76 76 0 0 0-2.593 2.484a76 76 0 0 0-2.484 2.593c-.859.944-.892 2.314-.043 3.267c.463.52 1.061 1.16 1.82 1.918c.76.76 1.4 1.358 1.919 1.82c.953.85 2.322.816 3.267-.042c.659-.6 1.522-1.414 2.592-2.485a76 76 0 0 0 2.485-2.592M16.46 7.409c-.907-.843-2.222-.757-3.123.091a91 91 0 0 0-1.945 1.893A91 91 0 0 0 9.5 11.337c-.848.901-.934 2.216-.091 3.122a23 23 0 0 0 1.16 1.16c.906.843 2.22.757 3.121-.091a91 91 0 0 0 1.945-1.893a91 91 0 0 0 1.893-1.944c.848-.901.934-2.216.091-3.123a23 23 0 0 0-1.16-1.16"/><path fill="#818cf8" d="M12.217 3.166c-.906-.842-2.221-.757-3.122.092A91 91 0 0 0 7.15 5.15a91 91 0 0 0-1.892 1.945c-.849.9-.934 2.216-.092 3.122a23 23 0 0 0 1.16 1.16c.906.843 2.221.757 3.122-.092a91 91 0 0 0 1.945-1.892a91 91 0 0 0 1.892-1.945c.849-.9.935-2.216.092-3.122a23 23 0 0 0-1.16-1.16"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M24 16a6 6 0 1 0 0 12a6 6 0 0 0 0-12m-4.986 20.82c.045 1.237 1.036 2.106 2.273 2.143c.705.021 1.603.037 2.713.037s2.008-.016 2.713-.037c1.237-.037 2.228-.906 2.273-2.143a23 23 0 0 0 0-1.64c-.045-1.237-1.036-2.106-2.273-2.143C26.008 33.016 25.11 33 24 33s-2.008.016-2.713.037c-1.237.037-2.228.906-2.273 2.143a23 23 0 0 0 0 1.64m0 6c.045 1.237 1.036 2.106 2.273 2.143c.705.021 1.603.037 2.713.037s2.008-.016 2.713-.037c1.237-.037 2.228-.906 2.273-2.143a23 23 0 0 0 0-1.64c-.045-1.237-1.036-2.106-2.273-2.143C26.008 39.016 25.11 39 24 39s-2.008.016-2.713.037c-1.237.037-2.228.906-2.273 2.143a23 23 0 0 0 0 1.64m23.613-32.483c.858-.945.891-2.314.042-3.267a46 46 0 0 0-1.82-1.919a47 47 0 0 0-1.918-1.82c-.953-.849-2.323-.816-3.267.043a76 76 0 0 0-2.593 2.484a76 76 0 0 0-2.484 2.593c-.859.944-.892 2.314-.043 3.267c.463.52 1.061 1.16 1.82 1.919s1.4 1.357 1.919 1.82c.953.848 2.322.815 3.267-.043c.659-.6 1.522-1.414 2.592-2.485a76 76 0 0 0 2.485-2.592M16.46 7.41c-.906-.843-2.22-.757-3.122.091a91 91 0 0 0-1.944 1.893A91 91 0 0 0 9.5 11.337c-.848.901-.934 2.216-.092 3.122a23 23 0 0 0 1.16 1.16c.907.843 2.222.757 3.122-.091a91 91 0 0 0 1.945-1.893a91 91 0 0 0 1.893-1.945c.848-.9.934-2.215.091-3.122a23 23 0 0 0-1.16-1.16"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M12.217 3.167c-.906-.842-2.221-.757-3.122.092A91 91 0 0 0 7.15 5.15a91 91 0 0 0-1.892 1.945c-.849.9-.934 2.216-.092 3.122a23 23 0 0 0 1.16 1.16c.906.843 2.221.757 3.122-.092a91 91 0 0 0 1.945-1.892a91 91 0 0 0 1.892-1.945c.849-.9.935-2.216.092-3.122a23 23 0 0 0-1.16-1.16"/></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. CableSplitIcon.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.