Icono Drone
material-icon-theme:drone
El icono Drone (material-icon-theme:drone) es un icono SVG gratuito de la colección Material Icon Theme de Material Extensions. Está dibujado en una cuadrícula de 230 × 230. Material Icon Theme icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Icon Theme
- Autor
- Material Extensions
- Licencia
- MIT
- Tamaño
- 230 × 230
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="230" height="230" viewBox="0 0 230 230"><path fill="#cfd8dc" d="m57.01 36.707l-.835.834l34.036 34.035c-4.813 7.514-7.584 16.742-7.584 27.239c0 29.18 21.422 48.557 48.557 48.557c10.14 0 19.48-2.706 27.205-7.618l34.21 34.21c-17.726 23.411-45.89 38.151-77.601 38.151c-53.627 0-97.114-42.154-97.114-97.114c0-32.685 15.38-60.84 39.125-78.293zm16.188-9.611c12.66-5.927 26.836-9.21 41.799-9.21c53.626 0 97.114 42.155 97.114 97.114c0 15.117-3.29 29.265-9.176 41.833l-30.78-30.78c4.812-7.514 7.584-16.742 7.584-27.239c0-29.18-21.422-48.557-48.557-48.557c-10.14 0-19.48 2.706-27.205 7.617zm57.985 100.853c-16.281 0-29.134-11.626-29.134-29.135c0-17.508 12.853-29.134 29.134-29.134s29.134 11.626 29.134 29.134s-12.853 29.135-29.134 29.135"/></svg>
Cómo usar el icono Drone
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:drone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:drone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:drone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--drone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:drone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:drone"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/drone.svg" alt="Icono Drone" width="24" height="24">
Iconos relacionados en Material Icon Theme
El icono Drone en otras colecciones
Preguntas frecuentes sobre Icono Drone
¿El icono Drone es gratis para uso comercial?
Sí. Material Icon Theme icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Drone en React?
Instala @iconify/react y renderiza <Icon icon="material-icon-theme:drone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Drone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-icon-theme/drone.svg" alt="Icono Drone">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Icon Theme →
ICONYZ
