Drone Icon
Free SVG icon from the Govicons 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/304782.svg" alt="Drone icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304782.svg" alt="Drone icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304782.svg" alt="Drone icon" :width="24" :height="24" />
CSS background
.icon-drone {
background-image: url('https://proicons.com/icon/304782.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 56"><title>drone</title><path d="M17.76,43.52a6.68,6.68,0,0,1,2.34,2.42c.2.41.66,0,.47-.44a4.55,4.55,0,0,0-2.34-2.42C17.78,42.81,17.31,43.26,17.76,43.52Z"/><path d="M18.6,41.92a6.93,6.93,0,0,1,3.14,3.24c.24.46.91-.08.67-.65a6.17,6.17,0,0,0-3.14-3.24C18.62,41,18,41.6,18.6,41.92Z"/><path d="M20.32,39.26c-.81-.21-1.63.58-.88.85a9.38,9.38,0,0,1,4,4.17c.3.61,1.07-.14.88-.85A7.43,7.43,0,0,0,20.32,39.26Z"/><path d="M51.65,18.84c3.76-3.63,5.65-7.55,3.66-9.61s-6-.25-9.78,3.38c-2.26,2.19-3.26,4.45-6.3,7.38l-.57.55-4.55-3.17L36,15.78a.89.89,0,0,0,0-1.31.88.88,0,0,0-1.26,0l-2,2L15.45,4.14c-1.3-.73-3,2.18-2.72,2.44l15.86,14-2.48,2.49-.6-.21c-.2,0-.15.15,0,.35l1.5,1.55c.1.1.25.15.25-.05l-.09-.61-.05-.05,2.62-2.44,3.64,3.26-.68,1.35c-.31.4-.47.85-.12,1.21l.15.16-7.58,8L17,30.45a.63.63,0,0,0-.82.08l-1.39,1.35a.73.73,0,0,0,0,1.06l8.63,7.29,7,8.78a.65.65,0,0,0,1,.11l1.44-1.29A.8.8,0,0,0,33,47l-4.82-8.28,8.32-7.35,0,.05c.3.31.76.27,1.22-.08l1.28-.74,3.22,4-2.52,2.53h-.1L39.09,37c-.2,0-.15.15-.05.25l1.49,1.55c.15.15.35.26.3,0l-.09-.61,2.57-2.38L56.66,51.93c.3.31,3.26-1.26,2.52-2.53L47.54,31.68l2.05-1.89a.94.94,0,0,0,.08-1.26,1,1,0,0,0-1.37-.08l-1.8,1.64-3.26-4.92"/></svg>
More from Govicons
View all
Drone in other icon packs
Copied!