Ícone Drum Duo
streamline-kameleon-color:drum-duo
O ícone Drum Duo (streamline-kameleon-color:drum-duo) é um ícone SVG gratuito da coleção Kameleon color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Kameleon color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Kameleon color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Imagens e áudio
- Tags
- drumduo
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M23.999 47.998c13.255 0 24-10.745 24-24s-10.745-24-24-24s-24 10.746-24 24c0 13.255 10.745 24 24 24"/><path fill="#2e3ecd" d="M24 28.362c-6.748 0-12.219 1.563-12.219 3.491v2.618c0 1.93 5.472 3.491 12.218 3.491c6.747 0 12.219-1.562 12.219-3.49v-2.619c0-1.928-5.47-3.49-12.219-3.49"/><path fill="#2e3ecd" d="M24.871 24.664a46 46 0 0 1-1.745 0c-3.687-.072-8.417-.718-10.473-2.193v10.691c2.257 1.619 7.45 2.134 10.473 2.192q.433.009.873.01q.439-.001.872-.01c3.687-.07 8.417-.717 10.473-2.192v-10.69c-2.256 1.618-7.449 2.133-10.473 2.191"/><path fill="#6bafff" d="M29.236 24.535v10.473c-.559.074-1.144.14-1.746.192V24.727a39 39 0 0 0 1.746-.192m4.363-.995v10.473c-.52.188-1.104.362-1.745.51V24.051a15 15 0 0 0 1.745-.51"/><path fill="#2e3ecd" d="M24 15.272c-6.748 0-12.219 1.562-12.219 3.49v2.618c0 1.93 5.472 3.491 12.218 3.491c6.747 0 12.219-1.562 12.219-3.49v-2.619c0-1.928-5.47-3.49-12.219-3.49"/><path fill="#2e3ecd" d="M36.218 18.762c0 .301-.136.594-.385.873C34.477 21.14 29.69 22.253 24 22.253s-10.477-1.112-11.834-2.618c-.248-.28-.384-.572-.384-.873c0-1.928 5.472-3.49 12.218-3.49c6.747 0 12.219 1.562 12.219 3.49"/><path fill="#6bafff" d="M35.833 19.635C34.476 21.14 29.69 22.253 24 22.253s-10.477-1.113-11.834-2.618c1.357-1.506 6.144-2.618 11.834-2.618s10.477 1.112 11.834 2.618"/><path fill="#2e3ecd" d="M26.128 18.548a.655.655 0 0 0 .803 1.034l10.778-8.375a.655.655 0 0 0-.803-1.034zm-4.258 0a.655.655 0 0 1-.804 1.034l-10.778-8.375a.655.655 0 0 1 .803-1.034z"/><path fill="#6bafff" d="M16.144 24.05v10.473a15 15 0 0 1-1.746-.51V23.54c.52.188 1.104.362 1.746.51m4.364.677V35.2a39 39 0 0 1-1.745-.192V24.535c.558.074 1.143.14 1.745.192m4.363.135v10.473q-.433.008-.872.009c-.44 0-.585-.005-.873-.009V24.862q.433.008.873.009c.44.001.584-.004.872-.009"/></g></svg>Como usar o ícone Drum Duo
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:drum-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:drum-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:drum-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--drum-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:drum-duo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:drum-duo"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/drum-duo.svg" alt="Ícone Drum Duo" width="24" height="24">Ícones relacionados em Kameleon color icons
Perguntas frequentes sobre Ícone Drum Duo
O ícone Drum Duo é grátis para uso comercial?
Sim. Kameleon color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Drum Duo no React?
Instale @iconify/react e renderize <Icon icon="streamline-kameleon-color:drum-duo" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Drum Duo a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/drum-duo.svg" alt="Ícone Drum Duo">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.