Ikon Drone
carbon:drone
Ikon Drone (carbon:drone) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon 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
- Carbon
- Pembuat
- IBM
- Lisensi
- Apache-2.0
- Ukuran
- 32 × 32
- Kategori
- Alat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M7 12a5 5 0 1 1 5-5h-2a3 3 0 1 0-3 3Zm18 0v-2a3 3 0 1 0-3-3h-2a5 5 0 1 1 5 5M7 30a5 5 0 0 1 0-10v2a3 3 0 1 0 3 3h2a5.006 5.006 0 0 1-5 5m18 0a5.006 5.006 0 0 1-5-5h2a3 3 0 1 0 3-3v-2a5 5 0 0 1 0 10"/><path fill="currentColor" d="M20 18.586v-5.172l5.707-5.707a1 1 0 1 0-1.414-1.414l-4.5 4.5a3.973 3.973 0 0 0-7.587 0l-4.499-4.5a1 1 0 0 0-1.414 0a1 1 0 0 0 0 1.414L12 13.414v5.172l-5.707 5.707a1 1 0 0 0 0 1.414a1 1 0 0 0 1.414 0l4.5-4.5a3.973 3.973 0 0 0 7.587 0l4.5 4.5a1 1 0 0 0 1.414-1.414ZM18 20a2 2 0 0 1-4 0v-8a2 2 0 0 1 4 0Z"/></svg>
Cara memakai ikon Drone
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:drone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:drone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:drone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--drone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:drone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:drone"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/carbon/drone.svg" alt="Ikon Drone" width="24" height="24">
Ikon Drone di set ikon lain
FAQ Ikon Drone
Apakah ikon Drone gratis untuk penggunaan komersial?
Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Drone di React?
Pasang @iconify/react lalu render <Icon icon="carbon:drone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Drone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/drone.svg" alt="Ikon Drone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Carbon →
ICONYZ
