Icône Drone Line
mingcute:drone-line
L'icône Drone Line (mingcute:drone-line) est une icône SVG gratuite de la collection MingCute Icon par MingCute Design. Elle est dessinée sur une grille de 24 × 24. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- MingCute Icon
- Auteur
- MingCute Design
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- droneline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m7.5 7.5l.614-.79A1 1 0 0 0 6.71 8.115zm9 0l.79.614a1 1 0 0 0-1.404-1.403zm0 9l-.614.79a1 1 0 0 0 1.403-1.404zm-9 0l-.79-.614a1 1 0 0 0 1.404 1.403zm5.728-10.833a1 1 0 0 0 1.886.666L14.17 6zm4.439 3.22a1 1 0 0 0 .666 1.885L18 9.83zM20 17h1zm-3 3v1zm1.333-6.772a1 1 0 1 0-.666 1.886L18 14.17zm-3.22 4.439a1 1 0 1 0-1.885.666L14.17 18zM7 20v1zm-3-3H3zm6.772 1.333a1 1 0 1 0-1.885-.666l.942.333zm-4.439-3.22a1 1 0 1 0-.666-1.885L6 14.17zM4 7H3zm3-3v1zm-1.333 6.772a1 1 0 0 0 .666-1.885L6 9.829zm3.22-4.439a1 1 0 1 0 1.885-.666L9.83 6zm4.955 8.1l-.614.789zm-3.684 0l-.614-.79zm-.59-.591l-.79-.614zm0-3.684l-.79.614zm.59-.59l-.614.789zm3.684 0l-.614-.79zM7.5 7.5l-.614.79l2.658 2.067l.614-.79l.614-.789l-2.658-2.067zm6.342 2.067l.614.79l2.658-2.068L16.5 7.5l-.614-.79l-2.658 2.068zM7.5 16.5l.79.614l2.067-2.658l-.79-.614l-.789-.614l-2.067 2.658zm2.067-6.342l.79-.614l-2.068-2.658L7.5 7.5l-.79.614l2.068 2.658zM16.5 7.5l-.79-.614l-2.067 2.658l.79.614l.789.614l2.067-2.658zm-2.068 6.342l-.789.614l2.068 2.658l.789-.614l.79-.614l-2.068-2.658zM16.5 16.5l.614-.79l-2.658-2.067l-.614.79l-.614.789l2.658 2.067zm-6.342-2.068l-.614-.789l-2.658 2.068l.614.789l.614.79l2.658-2.068zM17 4v1a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm-2.83 2l.944.333A2 2 0 0 1 17 5V3a4 4 0 0 0-3.772 2.667zM20 7h-1a2 2 0 0 1-1.333 1.886L18 9.83l.333.943A4 4 0 0 0 21 7zm0 10h-1a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2-2.83l-.333.944A2 2 0 0 1 19 17h2a4 4 0 0 0-2.667-3.772zM17 20v-1a2 2 0 0 1-1.886-1.333L14.17 18l-.943.333A4 4 0 0 0 17 21zM7 20v-1a2 2 0 0 1-2-2H3a4 4 0 0 0 4 4zm2.83-2l-.943-.333A2 2 0 0 1 7 19v2a4 4 0 0 0 3.772-2.667zM4 17h1a2 2 0 0 1 1.333-1.886L6 14.17l-.333-.943A4 4 0 0 0 3 17zM4 7h1a2 2 0 0 1 2-2V3a4 4 0 0 0-4 4zm2 2.83l.333-.943A2 2 0 0 1 5 7H3a4 4 0 0 0 2.667 3.772zM7 4v1a2 2 0 0 1 1.886 1.333L9.83 6l.943-.333A4 4 0 0 0 7 3zm6.842 10.433l.614-.79a4 4 0 0 0-4.912 0l.614.79l.614.789a2 2 0 0 1 2.456 0zm.59-4.275l-.789-.614a4 4 0 0 0 0 4.912l.79-.614l.789-.614a2 2 0 0 1 0-2.456zm-4.865 3.684l.79.614a4 4 0 0 0 0-4.912l-.79.614l-.789.614a2 2 0 0 1 0 2.456zm.591-4.275l-.614.79a4 4 0 0 0 4.912 0l-.614-.79l-.614-.789a2 2 0 0 1-2.456 0z"/></svg>Comment utiliser l'icône Drone Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:drone-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:drone-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:drone-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--drone-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:drone-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:drone-line"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/mingcute/drone-line.svg" alt="Icône Drone Line" width="24" height="24">Icônes similaires dans MingCute Icon
FAQ : Icône Drone Line
L'icône Drone Line est-elle gratuite pour un usage commercial ?
Oui. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Drone Line dans React ?
Installez @iconify/react et affichez <Icon icon="mingcute:drone-line" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Drone Line à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/drone-line.svg" alt="Icône Drone Line">, ou collez le code SVG directement dans la page pour le styliser en CSS.