Home/Libraries/Freehand free icons (Iconify)/cables-usb-type-c

Freehand free icons (Iconify)

CablesUsbTypeC

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="M12.184 7.753c.035.944.16 1.882.37 2.803c.26.74 1.472.53 2.553.48c.59 0 2.483-.14 3.054-.26a.34.34 0 0 0-.12-.66c-.561.09-2.363.11-2.944.11c-.58 0-1.452-.34-1.702-.15a22.4 22.4 0 0 1-.05-5.357a30 30 0 0 1 3.644-.33c1.642 0 1.091.41 1.262.63c.16.551.41 4.075.53 4.666a.3.3 0 0 0 .59-.1c-.09-.651-.11-4.095-.27-4.796v-.14h.781c1.622.17 1.632.08 1.812.29a1 1 0 0 1 .17.631a.7.7 0 0 0-.39-.08c-.19 0-1.151.27-1.121.63c.03.361 1.001.582 1.392.471q.127-.003.25-.03c.12 1.342.15 1.001-.09 1.001a1.3 1.3 0 0 0-.711 0c-.08 0-.881.17-.71.501c0 .06 0 .17.13.21c.72.26.94.4 1.28.32q.14-.036.271-.1c.035.287.008.577-.08.851c-.13-.15-.55.15-.71.19a7.6 7.6 0 0 1-1.733.231a.34.34 0 0 0 0 .67h1.162c.41 0 1.351-.13 1.491-.17a1.19 1.19 0 0 0 .851-1c.112-1 .095-2.01-.05-3.004a2.93 2.93 0 0 0-.68-2.002a1.42 1.42 0 0 0-1.002-.35q-1.216.014-2.423.17a1 1 0 0 0-.12-.27c-.56-.782-5.166-.391-6.107-.13c-.6.18-.63 1.06-.65 1.721v1.632zm-1.442-.321a1.6 1.6 0 0 1-.41-.06c-1.001-.29-1.832-1.141-3.004-.42a3.35 3.35 0 0 0-1.171 2.002c-.57 1.532-1.862 3.284-3.284 2.303a2.8 2.8 0 0 1-.65-1.362a12 12 0 0 1 0-5.496a12.7 12.7 0 0 0 .36-3.114a.36.36 0 0 0-.27-.5c-.541-.08-.34.84-.42 1.211A34.6 34.6 0 0 0 .89 7.713a8.4 8.4 0 0 0 .67 3.634a2.4 2.4 0 0 0 3.405.93a5.87 5.87 0 0 0 2.132-3.003c.22-.68.35-1.932 1.472-1.712c.77.14 1.301.641 2.202.611c1.041.04 1.211-.69-.03-.74m-7.527 8.899a6.2 6.2 0 0 0-2.003.07c-.43.05-1.181.06-1.211.481c0 .07.05.19.23.27l1.492.25c.33 0 .07-.35-.12 3.114q-.09 1.12 0 2.243a.34.34 0 0 0 .67 0c.07-.841.32-1.662.421-2.503a9.6 9.6 0 0 0-.2-2.853c.87-.07 2.533-.27 2.002-1.002c-.13-.2-.941-.04-1.281-.07m4.304.411c-.23.6-.48 1.191-.7 1.802a3.7 3.7 0 0 0-.55-1.302a8 8 0 0 0-.652-.82c-1-.35-.2 2.112.861 3.173c-.367.965-.6 1.975-.69 3.004a.34.34 0 0 0 .67 0a7 7 0 0 1 .761-1.803a13.2 13.2 0 0 0 .871-3.934a.3.3 0 0 0-.57-.12m4.264-.31a2.5 2.5 0 0 0-1.601-.27c-1.843.16-1.202 2.712-1.202 3.854c0 1.14.05.73.21 2.242c0 .37 0 .831.27.891a.32.32 0 0 0 .381-.41v-1.782c0-.651-.14-.27.72-.48c1.703-.401 2.944-2.874 1.222-4.045m-1.872 3.393c0-.77-.1-2.493.36-2.523a3.3 3.3 0 0 1 .551 0c1.432.09.701 2.403-.91 2.523m4.074 2.293c-.08 0-.06 0 0-.19c.07-.46.17-.691.22-1.192c.41.15 1.572 0 1.572-.43c.07-.23-.781-.821-1.532-.58c0-1.893-.11-2.003 0-2.053c.29-.22 1.001.22 1.502-.11a.3.3 0 0 0-.3-.51c-.21.1-.601-.221-1.162-.221a1 1 0 0 0-.93.67a15.3 15.3 0 0 0-.261 3.204c0 .621-.34 1.903.24 2.213c.193.065.397.092.6.08c1.522.07 1.552.06 1.663 0a.41.41 0 0 0 .17-.71q-.886-.15-1.782-.171m3.544-2.963c-.2.09-.821.45-.741.72a1.6 1.6 0 0 0 1.321.29c.19-.06.33-.15.501-.21a.34.34 0 0 0 .34-.33c.04-.43-1.1-.61-1.421-.47m6.107 2.542a.34.34 0 0 0-.34.33a1 1 0 0 1-1.262.271c-.821-.39-.911-1.081-1.001-2.002c-.18-1.312.4-3.004 1.822-2.883c.21 0 .42.09.37.34a.29.29 0 0 0 .107.31a.295.295 0 0 0 .464-.16a.82.82 0 0 0-.54-1.121a2.55 2.55 0 0 0-1.653 0a3.364 3.364 0 0 0-1.681 3.684c.2 1.251.59 2.203 1.812 2.623c1.782.66 2.873-1.412 1.902-1.392" 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. CablesUsbTypeCIcon.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.