Drone icon

logos:drone

The Drone icon (logos:drone) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 136 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 136

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="136" viewBox="0 0 512 136"><path fill="#1e375a" d="M178.038 39.934h26.64a30.2 30.2 0 0 1 21.925 7.165a31.17 31.17 0 0 1 7.288 22.905a30.07 30.07 0 0 1-7.288 22.231a29.95 29.95 0 0 1-21.618 7.166h-26.947zm24.497 46.177a18.4 18.4 0 0 0 7.472-1.348a8.02 8.02 0 0 0 4.348-4.838a26.5 26.5 0 0 0 1.47-9.921c.137-3.47-.36-6.937-1.47-10.228a9.68 9.68 0 0 0-4.226-5.205a16.6 16.6 0 0 0-7.594-1.47h-7.104v33.01zm47.892-46.177h31.05a21.25 21.25 0 0 1 15.923 5.695a21.56 21.56 0 0 1 5.206 15.617a19.54 19.54 0 0 1-2.94 10.595a20.33 20.33 0 0 1-7.961 7.104a7 7 0 0 1 1.837 1.96a23 23 0 0 1 1.592 3.246l6.86 15.617H283.62l-6.124-14.33a6.1 6.1 0 0 0-1.776-2.39a5.4 5.4 0 0 0-2.94-.673h-4.899v17.393h-17.27V39.934zm26.457 28.784a8.02 8.02 0 0 0 6.124-1.96a7.17 7.17 0 0 0 2.082-5.695c0-5.206-2.388-7.778-7.471-7.778h-10.105v15.617h9.247zm69.694 31.662a32.03 32.03 0 0 1-22.721-7.288a31.17 31.17 0 0 1-7.655-23.088a31.42 31.42 0 0 1 7.655-23.517a31.48 31.48 0 0 1 22.721-7.35a31.66 31.66 0 0 1 22.782 7.35a31.42 31.42 0 0 1 7.594 23.517a31.17 31.17 0 0 1-7.594 23.088a32.1 32.1 0 0 1-22.904 7.288zm0-14.76a11.7 11.7 0 0 0 9.615-3.735a19.54 19.54 0 0 0 2.879-12.248c.39-4.287-.62-8.585-2.879-12.25a14.637 14.637 0 0 0-19.536 0a20.7 20.7 0 0 0-2.879 12.25a20.33 20.33 0 0 0 2.879 12.248a12.25 12.25 0 0 0 9.799 3.858zm47.096-45.686h14.82l22.415 31.54v-31.54h17.393V99.4h-15.065l-22.293-31.357V99.4h-17.393zm73.491 0h44.83v13.35H484.19v9.738h24.497v13.474H484.19v9.737h27.804v13.351h-45.136z"/><path fill="#00abe4" d="m27.136 15.13l-.674.613L50.04 39.015a34.8 34.8 0 0 0-5.205 18.68a32.275 32.275 0 0 0 33.622 33.254a34.9 34.9 0 0 0 18.863-5.206l23.7 23.579a66.7 66.7 0 0 1-53.648 26.15A66.387 66.387 0 0 1 .005 68.903a65.1 65.1 0 0 1 27.13-53.772m13.167-9.002A68.4 68.4 0 0 1 69.026.003a66.265 66.265 0 0 1 66.938 66.571a67.4 67.4 0 0 1-6.124 28.784L108.71 74.23a34.97 34.97 0 0 0 5.206-18.373a32.336 32.336 0 0 0-33.684-33.622A34.36 34.36 0 0 0 61.86 27.44zM80.6 75.026a19.475 19.475 0 0 1-20.15-19.904a19.475 19.475 0 0 1 20.15-20.21a19.66 19.66 0 0 1 20.087 20.21A19.353 19.353 0 0 1 80.601 75.21z"/></svg>

How to use the Drone icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:drone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:drone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:drone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--drone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:drone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:drone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/drone.svg" alt="Drone icon" width="24" height="24">

Related icons in SVG Logos

Drone icon in other icon sets

Drone icon FAQ

Is the Drone icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Drone icon in React?

Install @iconify/react and render <Icon icon="logos:drone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Drone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/drone.svg" alt="Drone icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →