Drag And Drop Interface Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: drag and drop interface move grip handle interact

The Drag And Drop Interface icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/319924.svg" alt="Drag And Drop Interface icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/319924.svg" alt="Drag And Drop Interface icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/319924.svg"
  alt="Drag And Drop Interface icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-drag-and-drop-interface {
  background-image: url('https://proicons.com/icon/319924.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="drag-and-drop-interface_00000160190272296813214550000016400100840222195096_" d="M22.213,13.066
	c-1.606,0-3.114,0.419-4.427,1.148c0.73-1.313,1.148-2.821,1.148-4.427c0-5.044-4.104-9.147-9.147-9.147S0.64,4.743,0.64,9.787
	s4.103,9.147,9.147,9.147c1.606,0,3.114-0.419,4.427-1.148c-0.729,1.313-1.148,2.821-1.148,4.427c0,5.044,4.103,9.147,9.147,9.147
	s9.147-4.104,9.147-9.147S27.257,13.066,22.213,13.066z M1.36,9.787c0-4.646,3.781-8.427,8.427-8.427s8.427,3.781,8.427,8.427
	c0,2.194-0.85,4.188-2.229,5.689l-4.808-4.808C11.29,10.47,11.36,10.244,11.36,10c0-0.75-0.61-1.36-1.36-1.36S8.64,9.25,8.64,10
	s0.61,1.36,1.36,1.36c0.244,0,0.47-0.07,0.668-0.183l4.808,4.808c-1.501,1.379-3.495,2.229-5.689,2.229
	C5.141,18.214,1.36,14.434,1.36,9.787z M10,10.64c-0.353,0-0.64-0.287-0.64-0.64S9.647,9.36,10,9.36s0.64,0.287,0.64,0.64
	S10.353,10.64,10,10.64z M22.213,30.64c-4.646,0-8.427-3.78-8.427-8.427c0-2.194,0.85-4.188,2.229-5.689l7.116,7.116H21v0.721h3.36
	V21h-0.72v2.13l-7.116-7.116c1.501-1.379,3.495-2.229,5.689-2.229c4.646,0,8.427,3.781,8.427,8.427S26.859,30.64,22.213,30.64z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Copied!

Drag And Drop Interface Icon

More from Carbon Icons