drone icon
drone-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- drone-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
droneCarbondroneCoreUI BrandsdroneHealth IconsdroneHuge IconsdroneIconParkdroneIconPark OutlinedroneIconPark SoliddroneIconPark TwoTonedroneIconoirdroneSVG LogosdroneLucidedroneMaterial Icon ThemedroneMaterial SymbolsdroneMaterial Symbols LightdroneMaterial Design IconsdroneOpenMojidronePhosphordroneSimple IconsdroneTabler Icons
Use the drone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 5a2 2 0 0 0-1.886 1.333a1 1 0 0 1-1.886-.666a4.001 4.001 0 1 1 5.105 5.105a1 1 0 1 1-.666-1.886A2.001 2.001 0 0 0 17 5m2 12a2 2 0 0 0-1.333-1.886a1 1 0 1 1 .666-1.886a4.001 4.001 0 1 1-5.105 5.105a1 1 0 1 1 1.886-.666A2.001 2.001 0 0 0 19 17m-10.113.667a2.001 2.001 0 1 1-2.554-2.554a1 1 0 1 0-.666-1.885a4.001 4.001 0 1 0 5.105 5.105a1 1 0 1 0-1.885-.666M5 7c0 .87.555 1.611 1.333 1.887a1 1 0 0 1-.666 1.885a4.001 4.001 0 1 1 5.105-5.105a1 1 0 1 1-1.886.666A2.001 2.001 0 0 0 5 7"/><path fill="currentColor" d="M8.114 6.71a1 1 0 0 0-1.403 1.404l2.067 2.658a2 2 0 0 1 0 2.456l-2.067 2.658a1 1 0 0 0 1.403 1.403l2.658-2.067a2 2 0 0 1 2.456 0l2.658 2.067a1 1 0 0 0 1.403-1.403l-2.067-2.658a2 2 0 0 1 0-2.456l2.067-2.658a1 1 0 0 0-1.403-1.403l-2.658 2.067a2 2 0 0 1-2.456 0z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteDroneFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 5a2 2 0 0 0-1.886 1.333a1 1 0 0 1-1.886-.666a4.001 4.001 0 1 1 5.105 5.105a1 1 0 1 1-.666-1.886A2.001 2.001 0 0 0 17 5m2 12a2 2 0 0 0-1.333-1.886a1 1 0 1 1 .666-1.886a4.001 4.001 0 1 1-5.105 5.105a1 1 0 1 1 1.886-.666A2.001 2.001 0 0 0 19 17m-10.113.667a2.001 2.001 0 1 1-2.554-2.554a1 1 0 1 0-.666-1.885a4.001 4.001 0 1 0 5.105 5.105a1 1 0 1 0-1.885-.666M5 7c0 .87.555 1.611 1.333 1.887a1 1 0 0 1-.666 1.885a4.001 4.001 0 1 1 5.105-5.105a1 1 0 1 1-1.886.666A2.001 2.001 0 0 0 5 7"/><path fill="currentColor" d="M8.114 6.71a1 1 0 0 0-1.403 1.404l2.067 2.658a2 2 0 0 1 0 2.456l-2.067 2.658a1 1 0 0 0 1.403 1.403l2.658-2.067a2 2 0 0 1 2.456 0l2.658 2.067a1 1 0 0 0 1.403-1.403l-2.067-2.658a2 2 0 0 1 0-2.456l2.067-2.658a1 1 0 0 0-1.403-1.403l-2.658 2.067a2 2 0 0 1-2.456 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 5a2 2 0 0 0-1.886 1.333a1 1 0 0 1-1.886-.666a4.001 4.001 0 1 1 5.105 5.105a1 1 0 1 1-.666-1.886A2.001 2.001 0 0 0 17 5m2 12a2 2 0 0 0-1.333-1.886a1 1 0 1 1 .666-1.886a4.001 4.001 0 1 1-5.105 5.105a1 1 0 1 1 1.886-.666A2.001 2.001 0 0 0 19 17m-10.113.667a2.001 2.001 0 1 1-2.554-2.554a1 1 0 1 0-.666-1.885a4.001 4.001 0 1 0 5.105 5.105a1 1 0 1 0-1.885-.666M5 7c0 .87.555 1.611 1.333 1.887a1 1 0 0 1-.666 1.885a4.001 4.001 0 1 1 5.105-5.105a1 1 0 1 1-1.886.666A2.001 2.001 0 0 0 5 7"/><path fill="currentColor" d="M8.114 6.71a1 1 0 0 0-1.403 1.404l2.067 2.658a2 2 0 0 1 0 2.456l-2.067 2.658a1 1 0 0 0 1.403 1.403l2.658-2.067a2 2 0 0 1 2.456 0l2.658 2.067a1 1 0 0 0 1.403-1.403l-2.067-2.658a2 2 0 0 1 0-2.456l2.067-2.658a1 1 0 0 0-1.403-1.403l-2.658 2.067a2 2 0 0 1-2.456 0z"/></svg> </template>
CSS
.icon-drone-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%205a2%202%200%200%200-1.886%201.333a1%201%200%200%201-1.886-.666a4.001%204.001%200%201%201%205.105%205.105a1%201%200%201%201-.666-1.886A2.001%202.001%200%200%200%2017%205m2%2012a2%202%200%200%200-1.333-1.886a1%201%200%201%201%20.666-1.886a4.001%204.001%200%201%201-5.105%205.105a1%201%200%201%201%201.886-.666A2.001%202.001%200%200%200%2019%2017m-10.113.667a2.001%202.001%200%201%201-2.554-2.554a1%201%200%201%200-.666-1.885a4.001%204.001%200%201%200%205.105%205.105a1%201%200%201%200-1.885-.666M5%207c0%20.87.555%201.611%201.333%201.887a1%201%200%200%201-.666%201.885a4.001%204.001%200%201%201%205.105-5.105a1%201%200%201%201-1.886.666A2.001%202.001%200%200%200%205%207%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.114%206.71a1%201%200%200%200-1.403%201.404l2.067%202.658a2%202%200%200%201%200%202.456l-2.067%202.658a1%201%200%200%200%201.403%201.403l2.658-2.067a2%202%200%200%201%202.456%200l2.658%202.067a1%201%200%200%200%201.403-1.403l-2.067-2.658a2%202%200%200%201%200-2.456l2.067-2.658a1%201%200%200%200-1.403-1.403l-2.658%202.067a2%202%200%200%201-2.456%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%205a2%202%200%200%200-1.886%201.333a1%201%200%200%201-1.886-.666a4.001%204.001%200%201%201%205.105%205.105a1%201%200%201%201-.666-1.886A2.001%202.001%200%200%200%2017%205m2%2012a2%202%200%200%200-1.333-1.886a1%201%200%201%201%20.666-1.886a4.001%204.001%200%201%201-5.105%205.105a1%201%200%201%201%201.886-.666A2.001%202.001%200%200%200%2019%2017m-10.113.667a2.001%202.001%200%201%201-2.554-2.554a1%201%200%201%200-.666-1.885a4.001%204.001%200%201%200%205.105%205.105a1%201%200%201%200-1.885-.666M5%207c0%20.87.555%201.611%201.333%201.887a1%201%200%200%201-.666%201.885a4.001%204.001%200%201%201%205.105-5.105a1%201%200%201%201-1.886.666A2.001%202.001%200%200%200%205%207%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.114%206.71a1%201%200%200%200-1.403%201.404l2.067%202.658a2%202%200%200%201%200%202.456l-2.067%202.658a1%201%200%200%200%201.403%201.403l2.658-2.067a2%202%200%200%201%202.456%200l2.658%202.067a1%201%200%200%200%201.403-1.403l-2.067-2.658a2%202%200%200%201%200-2.456l2.067-2.658a1%201%200%200%200-1.403-1.403l-2.658%202.067a2%202%200%200%201-2.456%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/drone-fill.svg?color=%231a73e8&size=48
