ICONYZ
Bahasa Indonesia
Ikon Drone Line dari MingCute Icon

Ikon Drone Line

mingcute:drone-line

Ikon Drone Line (mingcute:drone-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
MingCute Icon
Pembuat
MingCute Design
Lisensi
Apache-2.0
Ukuran
24 × 24
Tag
droneline
Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/mingcute/drone-line.svg" alt="Ikon Drone Line" width="24" height="24">

Ikon terkait di MingCute Icon

FAQ Ikon Drone Line

Apakah ikon Drone Line gratis untuk penggunaan komersial?

Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Drone Line di React?

Pasang @iconify/react lalu render <Icon icon="mingcute:drone-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Drone Line ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/drone-line.svg" alt="Ikon Drone Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon MingCute Icon →