drone logo

drone from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
drone
Set
Material Icon Theme
Style
Color
Viewbox
230×230
License
MIT

The same logo in other sets

droneCarbondroneCoreUI BrandsdroneHealth IconsdroneHuge IconsdroneIconParkdroneIconPark OutlinedroneIconPark SoliddroneIconPark TwoTonedroneIconoirdroneSVG LogosdroneLucidedroneMaterial SymbolsdroneMaterial Symbols LightdroneMaterial Design Iconsdrone-fillMingCute IcondroneOpenMojidronePhosphordroneSimple IconsdroneTabler Icons

Related icons in Material Icon Theme

drone-light

Use the drone logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 230 230"><path fill="#cfd8dc" d="m57.01 36.707l-.835.834l34.036 34.035c-4.813 7.514-7.584 16.742-7.584 27.239c0 29.18 21.422 48.557 48.557 48.557c10.14 0 19.48-2.706 27.205-7.618l34.21 34.21c-17.726 23.411-45.89 38.151-77.601 38.151c-53.627 0-97.114-42.154-97.114-97.114c0-32.685 15.38-60.84 39.125-78.293zm16.188-9.611c12.66-5.927 26.836-9.21 41.799-9.21c53.626 0 97.114 42.155 97.114 97.114c0 15.117-3.29 29.265-9.176 41.833l-30.78-30.78c4.812-7.514 7.584-16.742 7.584-27.239c0-29.18-21.422-48.557-48.557-48.557c-10.14 0-19.48 2.706-27.205 7.617zm57.985 100.853c-16.281 0-29.134-11.626-29.134-29.135c0-17.508 12.853-29.134 29.134-29.134s29.134 11.626 29.134 29.134s-12.853 29.135-29.134 29.135"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeDrone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 230 230"><path fill="#cfd8dc" d="m57.01 36.707l-.835.834l34.036 34.035c-4.813 7.514-7.584 16.742-7.584 27.239c0 29.18 21.422 48.557 48.557 48.557c10.14 0 19.48-2.706 27.205-7.618l34.21 34.21c-17.726 23.411-45.89 38.151-77.601 38.151c-53.627 0-97.114-42.154-97.114-97.114c0-32.685 15.38-60.84 39.125-78.293zm16.188-9.611c12.66-5.927 26.836-9.21 41.799-9.21c53.626 0 97.114 42.155 97.114 97.114c0 15.117-3.29 29.265-9.176 41.833l-30.78-30.78c4.812-7.514 7.584-16.742 7.584-27.239c0-29.18-21.422-48.557-48.557-48.557c-10.14 0-19.48 2.706-27.205 7.617zm57.985 100.853c-16.281 0-29.134-11.626-29.134-29.135c0-17.508 12.853-29.134 29.134-29.134s29.134 11.626 29.134 29.134s-12.853 29.135-29.134 29.135"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 230 230"><path fill="#cfd8dc" d="m57.01 36.707l-.835.834l34.036 34.035c-4.813 7.514-7.584 16.742-7.584 27.239c0 29.18 21.422 48.557 48.557 48.557c10.14 0 19.48-2.706 27.205-7.618l34.21 34.21c-17.726 23.411-45.89 38.151-77.601 38.151c-53.627 0-97.114-42.154-97.114-97.114c0-32.685 15.38-60.84 39.125-78.293zm16.188-9.611c12.66-5.927 26.836-9.21 41.799-9.21c53.626 0 97.114 42.155 97.114 97.114c0 15.117-3.29 29.265-9.176 41.833l-30.78-30.78c4.812-7.514 7.584-16.742 7.584-27.239c0-29.18-21.422-48.557-48.557-48.557c-10.14 0-19.48 2.706-27.205 7.617zm57.985 100.853c-16.281 0-29.134-11.626-29.134-29.135c0-17.508 12.853-29.134 29.134-29.134s29.134 11.626 29.134 29.134s-12.853 29.135-29.134 29.135"/></svg>
</template>

CSS

.icon-drone {
  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%20230%20230%22%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22m57.01%2036.707l-.835.834l34.036%2034.035c-4.813%207.514-7.584%2016.742-7.584%2027.239c0%2029.18%2021.422%2048.557%2048.557%2048.557c10.14%200%2019.48-2.706%2027.205-7.618l34.21%2034.21c-17.726%2023.411-45.89%2038.151-77.601%2038.151c-53.627%200-97.114-42.154-97.114-97.114c0-32.685%2015.38-60.84%2039.125-78.293zm16.188-9.611c12.66-5.927%2026.836-9.21%2041.799-9.21c53.626%200%2097.114%2042.155%2097.114%2097.114c0%2015.117-3.29%2029.265-9.176%2041.833l-30.78-30.78c4.812-7.514%207.584-16.742%207.584-27.239c0-29.18-21.422-48.557-48.557-48.557c-10.14%200-19.48%202.706-27.205%207.617zm57.985%20100.853c-16.281%200-29.134-11.626-29.134-29.135c0-17.508%2012.853-29.134%2029.134-29.134s29.134%2011.626%2029.134%2029.134s-12.853%2029.135-29.134%2029.135%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%20230%20230%22%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22m57.01%2036.707l-.835.834l34.036%2034.035c-4.813%207.514-7.584%2016.742-7.584%2027.239c0%2029.18%2021.422%2048.557%2048.557%2048.557c10.14%200%2019.48-2.706%2027.205-7.618l34.21%2034.21c-17.726%2023.411-45.89%2038.151-77.601%2038.151c-53.627%200-97.114-42.154-97.114-97.114c0-32.685%2015.38-60.84%2039.125-78.293zm16.188-9.611c12.66-5.927%2026.836-9.21%2041.799-9.21c53.626%200%2097.114%2042.155%2097.114%2097.114c0%2015.117-3.29%2029.265-9.176%2041.833l-30.78-30.78c4.812-7.514%207.584-16.742%207.584-27.239c0-29.18-21.422-48.557-48.557-48.557c-10.14%200-19.48%202.706-27.205%207.617zm57.985%20100.853c-16.281%200-29.134-11.626-29.134-29.135c0-17.508%2012.853-29.134%2029.134-29.134s29.134%2011.626%2029.134%2029.134s-12.853%2029.135-29.134%2029.135%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/drone.svg?color=%231a73e8&size=48