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

Freehand free icons (Iconify)

ConnectDeviceCancel

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="M12.37 17.819a.3.3 0 1 0-.59.07c.06.53.12.93.16 1.43s.05.82.06 1.43a1.05 1.05 0 0 1-.38.87a3.5 3.5 0 0 1-1.66.541l-4.211.59c-.41.05-1.13.18-1.77.22a1.47 1.47 0 0 1-.85-.06a1.77 1.77 0 0 1-.48-.9a11 11 0 0 1-.36-2L1.137 9.936a5 5 0 0 1-.07-.78a.83.83 0 0 1 .15-.51a1.7 1.7 0 0 1 .62-.41l.45 1.08c.174.287.386.55.63.78q.215.203.49.31c.502.068 1.01.068 1.51 0q1.05-.08 2.071-.33c.33-.13.79-.29 1.14-.46a1.9 1.9 0 0 0 .56-.37a1.5 1.5 0 0 0 .35-.65c.111-.39.161-.89.221-1.221v-.42a.3.3 0 0 1 .14 0c.35.242.611.594.74 1a7.7 7.7 0 0 1 .58 2.05a.34.34 0 0 0 .376.35a.34.34 0 0 0 .295-.42a8.7 8.7 0 0 0-.5-2.26a2.74 2.74 0 0 0-1-1.35a2.43 2.43 0 0 0-1.201-.25c-.817.044-1.63.148-2.43.31l-2.762.42c-.63.074-1.25.215-1.85.42a2.9 2.9 0 0 0-1.21.78a1.8 1.8 0 0 0-.39.91a4.4 4.4 0 0 0 0 1.2l1.09 10.003c.088.867.28 1.72.57 2.541c.151.436.426.818.79 1.1c.37.19.787.27 1.2.23q1.084-.1 2.151-.31l4.221-.75a4.4 4.4 0 0 0 2-.77a1.72 1.72 0 0 0 .59-1.45c0-.63-.06-1.08-.1-1.47s-.12-.891-.19-1.421M3.629 7.746l2.761-.49q.991-.225 2-.35h.28l-.07.31c-.08.26-.16.65-.28 1a1.1 1.1 0 0 1-.2.39a2 2 0 0 1-.47.18l-.97.22q-.608.143-1.23.21l-1.16.17a4 4 0 0 1-.65.06a.9.9 0 0 1-.29-.19a2 2 0 0 1-.36-.34l-.54-.91a8.4 8.4 0 0 1 1.18-.26m20.364-4.741a2.46 2.46 0 0 0-.46-1.46a2.3 2.3 0 0 0-1-.61a13.5 13.5 0 0 0-2.161-.4l-2.5-.4a7.8 7.8 0 0 0-1.691-.131a2.6 2.6 0 0 0-1.19.33a1.63 1.63 0 0 0-.58.67a3.8 3.8 0 0 0-.28 1L12.99 8.407a.3.3 0 0 0 .454.31a.3.3 0 0 0 .126-.19l1.42-6.321q.072-.348.19-.68a.8.8 0 0 1 .29-.36a1.6 1.6 0 0 1 .52-.16a7 7 0 0 0-.12 1.16c.001.293.073.581.21.84c.103.159.24.292.4.39q.412.24.861.39c.721.232 1.466.383 2.22.45c.58.093 1.174.03 1.721-.18a2.26 2.26 0 0 0 .71-.87q.256-.511.41-1.06a.6.6 0 0 1 .19.14c.189.337.256.729.19 1.11a13.4 13.4 0 0 1-.3 2.23l-.83 5.002c-.13.74-.25 1.51-.4 2.27c-.1.5-.22 1-.36 1.48a.92.92 0 0 1-.51.611a3 3 0 0 1-1.53 0a.35.35 0 0 0-.39.29a.34.34 0 0 0 .29.38a3.9 3.9 0 0 0 1.9 0a1.61 1.61 0 0 0 1-1.06c.16-.5.3-1 .43-1.53c.19-.76.34-1.54.49-2.291l1-4.931a12.7 12.7 0 0 0 .42-2.821m-2.54-.4a1.7 1.7 0 0 1-.57.65a.7.7 0 0 1-.221 0c-.25 0-.57-.05-.92-.09a14 14 0 0 1-2-.4c-.16 0-.36-.07-.55-.13a.7.7 0 0 1-.301-.14a1 1 0 0 1-.16-.56v-.89q.505.037 1 .15l2.46.44c.441.07 1.071.15 1.641.29a7 7 0 0 1-.41.66z"/><path d="m13.871 14.008l-.57-.45c.09-.14.19-.27.28-.4c.73-1.09 1.33-2.001 1.59-2.381a.34.34 0 1 0-.51-.45c-.31.32-1.09 1.16-1.94 2.18l-.3.39c-.1-.07-.19-.15-.29-.21a36 36 0 0 0-3.111-2a.3.3 0 0 0-.453.314a.3.3 0 0 0 .133.186c.36.27 1.27 1.14 2.4 2.08c.2.17.42.34.64.5c-.17.24-.35.47-.5.71a44 44 0 0 0-1.49 2.492a.29.29 0 0 0 .07.41a.3.3 0 0 0 .42-.07c.41-.5 1.13-1.28 1.88-2.19l.52-.681l.671.47q1.34.915 2.78 1.66a.33.33 0 0 0 .46-.12a.35.35 0 0 0-.12-.47c-.59-.37-1.52-1.16-2.56-1.97"/></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. ConnectDeviceCancelIcon.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.