Drone Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Drone 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/317684.svg" alt="Drone icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317684.svg" alt="Drone icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317684.svg" alt="Drone icon" :width="24" :height="24" />
CSS background
.icon-drone {
background-image: url('https://proicons.com/icon/317684.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<path d="M7,12a5,5,0,1,1,5-5H10a3,3,0,1,0-3,3Z"/>
<path d="M25,12V10a3,3,0,1,0-3-3H20a5,5,0,1,1,5,5Z"/>
<path d="M7,30A5,5,0,0,1,7,20v2a3,3,0,1,0,3,3h2A5.0055,5.0055,0,0,1,7,30Z"/>
<path d="M25,30a5.0055,5.0055,0,0,1-5-5h2a3,3,0,1,0,3-3V20a5,5,0,0,1,0,10Z"/>
<path d="M20,18.5859V13.4141L25.707,7.707a1,1,0,1,0-1.414-1.414l-4.4995,4.5a3.9729,3.9729,0,0,0-7.587,0L7.707,6.293a.9994.9994,0,0,0-1.414,0h0a.9994.9994,0,0,0,0,1.414L12,13.4141v5.1718L6.293,24.293a.9994.9994,0,0,0,0,1.414h0a.9994.9994,0,0,0,1.414,0l4.5-4.5a3.9729,3.9729,0,0,0,7.587,0l4.4995,4.5a1,1,0,0,0,1.414-1.414ZM18,20a2,2,0,0,1-4,0V12a2,2,0,0,1,4,0Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Drone in other icon packs
Copied!