drone icon logo

drone-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
drone-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the drone icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#00abe4" d="m51.091 28.487l-1.268 1.153l44.393 43.816a65.5 65.5 0 0 0-9.8 35.17a60.767 60.767 0 0 0 63.303 62.61a65.7 65.7 0 0 0 35.514-9.8l44.624 44.393a125.57 125.57 0 0 1-101.009 49.236A124.993 124.993 0 0 1 .01 129.726a122.57 122.57 0 0 1 51.081-101.24m24.791-16.95a128.8 128.8 0 0 1 54.08-11.53a124.76 124.76 0 0 1 126.03 125.339a126.85 126.85 0 0 1-11.53 54.194l-39.782-39.781a65.84 65.84 0 0 0 9.801-34.592a60.88 60.88 0 0 0-63.418-63.304a64.7 64.7 0 0 0-34.593 9.801zm75.872 129.72a36.67 36.67 0 0 1-37.936-37.475a36.67 36.67 0 0 1 37.936-38.051a37.014 37.014 0 0 1 37.821 38.051a36.437 36.437 0 0 1-37.82 37.82z"/></svg>

React

import type { SVGProps } from "react";

export function LogosDroneIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#00abe4" d="m51.091 28.487l-1.268 1.153l44.393 43.816a65.5 65.5 0 0 0-9.8 35.17a60.767 60.767 0 0 0 63.303 62.61a65.7 65.7 0 0 0 35.514-9.8l44.624 44.393a125.57 125.57 0 0 1-101.009 49.236A124.993 124.993 0 0 1 .01 129.726a122.57 122.57 0 0 1 51.081-101.24m24.791-16.95a128.8 128.8 0 0 1 54.08-11.53a124.76 124.76 0 0 1 126.03 125.339a126.85 126.85 0 0 1-11.53 54.194l-39.782-39.781a65.84 65.84 0 0 0 9.801-34.592a60.88 60.88 0 0 0-63.418-63.304a64.7 64.7 0 0 0-34.593 9.801zm75.872 129.72a36.67 36.67 0 0 1-37.936-37.475a36.67 36.67 0 0 1 37.936-38.051a37.014 37.014 0 0 1 37.821 38.051a36.437 36.437 0 0 1-37.82 37.82z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#00abe4" d="m51.091 28.487l-1.268 1.153l44.393 43.816a65.5 65.5 0 0 0-9.8 35.17a60.767 60.767 0 0 0 63.303 62.61a65.7 65.7 0 0 0 35.514-9.8l44.624 44.393a125.57 125.57 0 0 1-101.009 49.236A124.993 124.993 0 0 1 .01 129.726a122.57 122.57 0 0 1 51.081-101.24m24.791-16.95a128.8 128.8 0 0 1 54.08-11.53a124.76 124.76 0 0 1 126.03 125.339a126.85 126.85 0 0 1-11.53 54.194l-39.782-39.781a65.84 65.84 0 0 0 9.801-34.592a60.88 60.88 0 0 0-63.418-63.304a64.7 64.7 0 0 0-34.593 9.801zm75.872 129.72a36.67 36.67 0 0 1-37.936-37.475a36.67 36.67 0 0 1 37.936-38.051a37.014 37.014 0 0 1 37.821 38.051a36.437 36.437 0 0 1-37.82 37.82z"/></svg>
</template>

CSS

.icon-drone-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%2300abe4%22%20d%3D%22m51.091%2028.487l-1.268%201.153l44.393%2043.816a65.5%2065.5%200%200%200-9.8%2035.17a60.767%2060.767%200%200%200%2063.303%2062.61a65.7%2065.7%200%200%200%2035.514-9.8l44.624%2044.393a125.57%20125.57%200%200%201-101.009%2049.236A124.993%20124.993%200%200%201%20.01%20129.726a122.57%20122.57%200%200%201%2051.081-101.24m24.791-16.95a128.8%20128.8%200%200%201%2054.08-11.53a124.76%20124.76%200%200%201%20126.03%20125.339a126.85%20126.85%200%200%201-11.53%2054.194l-39.782-39.781a65.84%2065.84%200%200%200%209.801-34.592a60.88%2060.88%200%200%200-63.418-63.304a64.7%2064.7%200%200%200-34.593%209.801zm75.872%20129.72a36.67%2036.67%200%200%201-37.936-37.475a36.67%2036.67%200%200%201%2037.936-38.051a37.014%2037.014%200%200%201%2037.821%2038.051a36.437%2036.437%200%200%201-37.82%2037.82z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%2300abe4%22%20d%3D%22m51.091%2028.487l-1.268%201.153l44.393%2043.816a65.5%2065.5%200%200%200-9.8%2035.17a60.767%2060.767%200%200%200%2063.303%2062.61a65.7%2065.7%200%200%200%2035.514-9.8l44.624%2044.393a125.57%20125.57%200%200%201-101.009%2049.236A124.993%20124.993%200%200%201%20.01%20129.726a122.57%20122.57%200%200%201%2051.081-101.24m24.791-16.95a128.8%20128.8%200%200%201%2054.08-11.53a124.76%20124.76%200%200%201%20126.03%20125.339a126.85%20126.85%200%200%201-11.53%2054.194l-39.782-39.781a65.84%2065.84%200%200%200%209.801-34.592a60.88%2060.88%200%200%200-63.418-63.304a64.7%2064.7%200%200%200-34.593%209.801zm75.872%20129.72a36.67%2036.67%200%200%201-37.936-37.475a36.67%2036.67%200%200%201%2037.936-38.051a37.014%2037.014%200%200%201%2037.821%2038.051a36.437%2036.437%200%200%201-37.82%2037.82z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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