Icono Drum
fluent-emoji-flat:drum
El icono Drum (fluent-emoji-flat:drum) es un icono SVG gratuito de la colección Fluent Emoji Flat de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji Flat 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
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Categoría
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M25.659 18.239v.03c0 5.37-4.35 10.73-9.73 10.73s-9.73-5.36-9.73-10.73q0-.225.01-.445v-4.715h1.498c1.724-2.671 4.76-4.41 8.222-4.41s6.497 1.739 8.222 4.41h1.508z"/><path fill="#d3d3d3" d="M8.353 18.156v7.753a.876.876 0 0 0 1.752 0v-6.048a9.8 9.8 0 0 1-1.752-1.705m6.71 3.614v7.049a.876.876 0 0 0 1.752 0V21.77a10 10 0 0 1-1.752 0m6.71-1.909v6.048a.876.876 0 0 0 1.752 0v-7.753a9.7 9.7 0 0 1-1.752 1.705"/><path fill="#ffb02e" d="M8.353 18.156v2.323a.876.876 0 0 0 1.752 0v-.618a9.8 9.8 0 0 1-1.752-1.705m6.71 3.614v1.649a.876.876 0 0 0 1.752 0v-1.65a10 10 0 0 1-1.753 0m6.71-1.909v.618a.876.876 0 0 0 1.752 0v-2.323a9.7 9.7 0 0 1-1.752 1.705m-5.834 6.752c.484 0 .876.392.876.876v1.73a.876.876 0 1 1-1.753 0v-1.73c0-.484.393-.876.877-.876m7.586-2.154a.876.876 0 0 0-1.752 0v1.27a.876.876 0 0 0 1.752 0zM9.23 23.573c.484 0 .876.392.876.876v1.28a.876.876 0 1 1-1.752 0v-1.28c0-.484.392-.876.876-.876"/><path fill="#ffe5d9" d="M15.939 22.809c5.357 0 9.7-4.343 9.7-9.7s-4.343-9.7-9.7-9.7s-9.7 4.343-9.7 9.7s4.343 9.7 9.7 9.7"/><path fill="#d3d3d3" d="M23.879 13.099c0-4.38-3.56-7.94-7.94-7.94s-7.95 3.57-7.94 7.94c0 4.38 3.56 7.94 7.94 7.94s7.94-3.56 7.94-7.94m-17.64.01c0-5.36 4.34-9.7 9.7-9.7c5.35 0 9.7 4.34 9.7 9.7s-4.34 9.7-9.7 9.7s-9.7-4.34-9.7-9.7m.03 6.2a9.724 9.724 0 0 0 9.67 8.68c5.01 0 9.14-3.8 9.67-8.68q.06.525.06 1.05c0 5.38-4.36 9.73-9.73 9.73c-5.38 0-9.73-4.36-9.73-9.73q0-.54.06-1.05"/><path fill="#f3c07b" d="m12.489 13.399l.91-.91l-9.59-10.16c-.4-.43-1.08-.44-1.5-.02s-.41 1.1.02 1.5zm7.02 0l-.91-.91l9.59-10.16c.4-.43 1.08-.44 1.5-.02s.41 1.1-.02 1.5z"/><path fill="#f3ad61" d="M12.619 14.439c.5.5 1.32.5 1.82 0s.5-1.32 0-1.82l-1.07-1.07c-.5-.5-1.32-.5-1.82 0s-.5 1.32 0 1.82zm6.76 0c-.5.5-1.32.5-1.82 0s-.5-1.32 0-1.82l1.07-1.07c.5-.5 1.32-.5 1.82 0s.5 1.32 0 1.82z"/></g></svg>
Cómo usar el icono Drum
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:drum" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:drum" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:drum" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--drum]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:drum"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:drum"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/drum.svg" alt="Icono Drum" width="24" height="24">
El icono Drum en otras colecciones
Preguntas frecuentes sobre Icono Drum
¿El icono Drum es gratis para uso comercial?
Sí. Fluent Emoji Flat icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Drum en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji-flat:drum" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Drum a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/drum.svg" alt="Icono Drum">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent Emoji Flat →
ICONYZ
