quadcopter icon

quadcopter from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name
quadcopter
Set
Material Design Icons
Style
Filled
Viewbox
24×24
License
Apache 2.0

Use the quadcopter icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 1C8 1 10 3 10 5.5c0 .88-.25 1.7-.69 2.4l.1.1h5.18l.1-.1c-.44-.7-.69-1.52-.69-2.4C14 3 16 1 18.5 1S23 3 23 5.5S21 10 18.5 10c-.88 0-1.7-.25-2.4-.69l-1.1 1.1v3.18l1.1 1.1c.7-.44 1.52-.69 2.4-.69c2.5 0 4.5 2 4.5 4.5S21 23 18.5 23S14 21 14 18.5c0-.88.25-1.7.69-2.4l-.1-.1H9.41l-.1.1c.44.7.69 1.52.69 2.4C10 21 8 23 5.5 23S1 21 1 18.5S3 14 5.5 14c.88 0 1.7.25 2.4.69l1.1-1.1v-3.18l-1.1-1.1c-.7.44-1.52.69-2.4.69C3 10 1 8 1 5.5S3 1 5.5 1m0 2A2.5 2.5 0 0 0 3 5.5A2.5 2.5 0 0 0 5.5 8A2.5 2.5 0 0 0 8 5.5A2.5 2.5 0 0 0 5.5 3m0 13A2.5 2.5 0 0 0 3 18.5A2.5 2.5 0 0 0 5.5 21A2.5 2.5 0 0 0 8 18.5A2.5 2.5 0 0 0 5.5 16m13-13A2.5 2.5 0 0 0 16 5.5A2.5 2.5 0 0 0 18.5 8A2.5 2.5 0 0 0 21 5.5A2.5 2.5 0 0 0 18.5 3m0 13a2.5 2.5 0 0 0-2.5 2.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5M3.91 17.25l1.13.66c.13-.1.29-.16.46-.16a.75.75 0 0 1 .75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75 0 0 1-.75-.75l.01-.1l-1.13-.65zm-.28-11l1.13-.65l-.01-.1a.75.75 0 0 1 .75-.75c.17 0 .33.06.46.16l1.13-.66l.28.5l-1.13.65l.01.1a.75.75 0 0 1-.75.75c-.17 0-.33-.06-.46-.16l-1.13.66zm13.28-2l1.13.66c.13-.1.29-.16.46-.16a.75.75 0 0 1 .75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75 0 0 1-.75-.75l.01-.1l-1.13-.65zm-.28 15l1.12-.75a.75.75 0 0 1 .75-.75c.17 0 .33.06.46.16l1.13-.66l.28.5l-1.12.75a.75.75 0 0 1-.75.75c-.17 0-.33-.06-.46-.16l-1.13.66z"/></svg>

React

import type { SVGProps } from "react";

export function MdiQuadcopter(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="M5.5 1C8 1 10 3 10 5.5c0 .88-.25 1.7-.69 2.4l.1.1h5.18l.1-.1c-.44-.7-.69-1.52-.69-2.4C14 3 16 1 18.5 1S23 3 23 5.5S21 10 18.5 10c-.88 0-1.7-.25-2.4-.69l-1.1 1.1v3.18l1.1 1.1c.7-.44 1.52-.69 2.4-.69c2.5 0 4.5 2 4.5 4.5S21 23 18.5 23S14 21 14 18.5c0-.88.25-1.7.69-2.4l-.1-.1H9.41l-.1.1c.44.7.69 1.52.69 2.4C10 21 8 23 5.5 23S1 21 1 18.5S3 14 5.5 14c.88 0 1.7.25 2.4.69l1.1-1.1v-3.18l-1.1-1.1c-.7.44-1.52.69-2.4.69C3 10 1 8 1 5.5S3 1 5.5 1m0 2A2.5 2.5 0 0 0 3 5.5A2.5 2.5 0 0 0 5.5 8A2.5 2.5 0 0 0 8 5.5A2.5 2.5 0 0 0 5.5 3m0 13A2.5 2.5 0 0 0 3 18.5A2.5 2.5 0 0 0 5.5 21A2.5 2.5 0 0 0 8 18.5A2.5 2.5 0 0 0 5.5 16m13-13A2.5 2.5 0 0 0 16 5.5A2.5 2.5 0 0 0 18.5 8A2.5 2.5 0 0 0 21 5.5A2.5 2.5 0 0 0 18.5 3m0 13a2.5 2.5 0 0 0-2.5 2.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5M3.91 17.25l1.13.66c.13-.1.29-.16.46-.16a.75.75 0 0 1 .75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75 0 0 1-.75-.75l.01-.1l-1.13-.65zm-.28-11l1.13-.65l-.01-.1a.75.75 0 0 1 .75-.75c.17 0 .33.06.46.16l1.13-.66l.28.5l-1.13.65l.01.1a.75.75 0 0 1-.75.75c-.17 0-.33-.06-.46-.16l-1.13.66zm13.28-2l1.13.66c.13-.1.29-.16.46-.16a.75.75 0 0 1 .75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75 0 0 1-.75-.75l.01-.1l-1.13-.65zm-.28 15l1.12-.75a.75.75 0 0 1 .75-.75c.17 0 .33.06.46.16l1.13-.66l.28.5l-1.12.75a.75.75 0 0 1-.75.75c-.17 0-.33-.06-.46-.16l-1.13.66z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 1C8 1 10 3 10 5.5c0 .88-.25 1.7-.69 2.4l.1.1h5.18l.1-.1c-.44-.7-.69-1.52-.69-2.4C14 3 16 1 18.5 1S23 3 23 5.5S21 10 18.5 10c-.88 0-1.7-.25-2.4-.69l-1.1 1.1v3.18l1.1 1.1c.7-.44 1.52-.69 2.4-.69c2.5 0 4.5 2 4.5 4.5S21 23 18.5 23S14 21 14 18.5c0-.88.25-1.7.69-2.4l-.1-.1H9.41l-.1.1c.44.7.69 1.52.69 2.4C10 21 8 23 5.5 23S1 21 1 18.5S3 14 5.5 14c.88 0 1.7.25 2.4.69l1.1-1.1v-3.18l-1.1-1.1c-.7.44-1.52.69-2.4.69C3 10 1 8 1 5.5S3 1 5.5 1m0 2A2.5 2.5 0 0 0 3 5.5A2.5 2.5 0 0 0 5.5 8A2.5 2.5 0 0 0 8 5.5A2.5 2.5 0 0 0 5.5 3m0 13A2.5 2.5 0 0 0 3 18.5A2.5 2.5 0 0 0 5.5 21A2.5 2.5 0 0 0 8 18.5A2.5 2.5 0 0 0 5.5 16m13-13A2.5 2.5 0 0 0 16 5.5A2.5 2.5 0 0 0 18.5 8A2.5 2.5 0 0 0 21 5.5A2.5 2.5 0 0 0 18.5 3m0 13a2.5 2.5 0 0 0-2.5 2.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5M3.91 17.25l1.13.66c.13-.1.29-.16.46-.16a.75.75 0 0 1 .75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75 0 0 1-.75-.75l.01-.1l-1.13-.65zm-.28-11l1.13-.65l-.01-.1a.75.75 0 0 1 .75-.75c.17 0 .33.06.46.16l1.13-.66l.28.5l-1.13.65l.01.1a.75.75 0 0 1-.75.75c-.17 0-.33-.06-.46-.16l-1.13.66zm13.28-2l1.13.66c.13-.1.29-.16.46-.16a.75.75 0 0 1 .75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75 0 0 1-.75-.75l.01-.1l-1.13-.65zm-.28 15l1.12-.75a.75.75 0 0 1 .75-.75c.17 0 .33.06.46.16l1.13-.66l.28.5l-1.12.75a.75.75 0 0 1-.75.75c-.17 0-.33-.06-.46-.16l-1.13.66z"/></svg>
</template>

CSS

.icon-quadcopter {
  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%22M5.5%201C8%201%2010%203%2010%205.5c0%20.88-.25%201.7-.69%202.4l.1.1h5.18l.1-.1c-.44-.7-.69-1.52-.69-2.4C14%203%2016%201%2018.5%201S23%203%2023%205.5S21%2010%2018.5%2010c-.88%200-1.7-.25-2.4-.69l-1.1%201.1v3.18l1.1%201.1c.7-.44%201.52-.69%202.4-.69c2.5%200%204.5%202%204.5%204.5S21%2023%2018.5%2023S14%2021%2014%2018.5c0-.88.25-1.7.69-2.4l-.1-.1H9.41l-.1.1c.44.7.69%201.52.69%202.4C10%2021%208%2023%205.5%2023S1%2021%201%2018.5S3%2014%205.5%2014c.88%200%201.7.25%202.4.69l1.1-1.1v-3.18l-1.1-1.1c-.7.44-1.52.69-2.4.69C3%2010%201%208%201%205.5S3%201%205.5%201m0%202A2.5%202.5%200%200%200%203%205.5A2.5%202.5%200%200%200%205.5%208A2.5%202.5%200%200%200%208%205.5A2.5%202.5%200%200%200%205.5%203m0%2013A2.5%202.5%200%200%200%203%2018.5A2.5%202.5%200%200%200%205.5%2021A2.5%202.5%200%200%200%208%2018.5A2.5%202.5%200%200%200%205.5%2016m13-13A2.5%202.5%200%200%200%2016%205.5A2.5%202.5%200%200%200%2018.5%208A2.5%202.5%200%200%200%2021%205.5A2.5%202.5%200%200%200%2018.5%203m0%2013a2.5%202.5%200%200%200-2.5%202.5a2.5%202.5%200%200%200%202.5%202.5a2.5%202.5%200%200%200%202.5-2.5a2.5%202.5%200%200%200-2.5-2.5M3.91%2017.25l1.13.66c.13-.1.29-.16.46-.16a.75.75%200%200%201%20.75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75%200%200%201-.75-.75l.01-.1l-1.13-.65zm-.28-11l1.13-.65l-.01-.1a.75.75%200%200%201%20.75-.75c.17%200%20.33.06.46.16l1.13-.66l.28.5l-1.13.65l.01.1a.75.75%200%200%201-.75.75c-.17%200-.33-.06-.46-.16l-1.13.66zm13.28-2l1.13.66c.13-.1.29-.16.46-.16a.75.75%200%200%201%20.75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75%200%200%201-.75-.75l.01-.1l-1.13-.65zm-.28%2015l1.12-.75a.75.75%200%200%201%20.75-.75c.17%200%20.33.06.46.16l1.13-.66l.28.5l-1.12.75a.75.75%200%200%201-.75.75c-.17%200-.33-.06-.46-.16l-1.13.66z%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%22M5.5%201C8%201%2010%203%2010%205.5c0%20.88-.25%201.7-.69%202.4l.1.1h5.18l.1-.1c-.44-.7-.69-1.52-.69-2.4C14%203%2016%201%2018.5%201S23%203%2023%205.5S21%2010%2018.5%2010c-.88%200-1.7-.25-2.4-.69l-1.1%201.1v3.18l1.1%201.1c.7-.44%201.52-.69%202.4-.69c2.5%200%204.5%202%204.5%204.5S21%2023%2018.5%2023S14%2021%2014%2018.5c0-.88.25-1.7.69-2.4l-.1-.1H9.41l-.1.1c.44.7.69%201.52.69%202.4C10%2021%208%2023%205.5%2023S1%2021%201%2018.5S3%2014%205.5%2014c.88%200%201.7.25%202.4.69l1.1-1.1v-3.18l-1.1-1.1c-.7.44-1.52.69-2.4.69C3%2010%201%208%201%205.5S3%201%205.5%201m0%202A2.5%202.5%200%200%200%203%205.5A2.5%202.5%200%200%200%205.5%208A2.5%202.5%200%200%200%208%205.5A2.5%202.5%200%200%200%205.5%203m0%2013A2.5%202.5%200%200%200%203%2018.5A2.5%202.5%200%200%200%205.5%2021A2.5%202.5%200%200%200%208%2018.5A2.5%202.5%200%200%200%205.5%2016m13-13A2.5%202.5%200%200%200%2016%205.5A2.5%202.5%200%200%200%2018.5%208A2.5%202.5%200%200%200%2021%205.5A2.5%202.5%200%200%200%2018.5%203m0%2013a2.5%202.5%200%200%200-2.5%202.5a2.5%202.5%200%200%200%202.5%202.5a2.5%202.5%200%200%200%202.5-2.5a2.5%202.5%200%200%200-2.5-2.5M3.91%2017.25l1.13.66c.13-.1.29-.16.46-.16a.75.75%200%200%201%20.75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75%200%200%201-.75-.75l.01-.1l-1.13-.65zm-.28-11l1.13-.65l-.01-.1a.75.75%200%200%201%20.75-.75c.17%200%20.33.06.46.16l1.13-.66l.28.5l-1.13.65l.01.1a.75.75%200%200%201-.75.75c-.17%200-.33-.06-.46-.16l-1.13.66zm13.28-2l1.13.66c.13-.1.29-.16.46-.16a.75.75%200%200%201%20.75.75l-.01.1l1.13.65l-.28.5l-1.13-.66c-.13.1-.29.16-.46.16a.75.75%200%200%201-.75-.75l.01-.1l-1.13-.65zm-.28%2015l1.12-.75a.75.75%200%200%201%20.75-.75c.17%200%20.33.06.46.16l1.13-.66l.28.5l-1.12.75a.75.75%200%200%201-.75.75c-.17%200-.33-.06-.46-.16l-1.13.66z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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