Ícone Trumpet 24
qlementine-icons:trumpet-24
O ícone Trumpet 24 (qlementine-icons:trumpet-24) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Instrumentos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M24 1.5a.5.5 0 0 0-.992-.091l-.005.032c-.007.038-.013.075-.028.11q-.04.102-.147.277c-.142.233-.356.53-.636.871c-.558.68-1.35 1.5-2.26 2.3c-.913.796-1.94 1.55-2.96 2.11c-.685.372-1.35.643-1.97.784v-1.39a.5.5 0 0 0-1 0v1.5h-2v-1.5a.5.5 0 0 0-1 0v1.5h-2v-1.5a.5.5 0 0 0-1 0v1.5h-4c-.574 0-.843-.193-.938-.325a2 2 0 0 0-.376-.414a1.1 1.1 0 0 0-.686-.26h-1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1c.292 0 .524-.13.686-.262c.161-.13.286-.289.376-.414c.096-.133.364-.325.938-.325h2.67a4.5 4.5 0 0 0-1.67 3.5c0 2.49 2.01 4.5 4.5 4.5h4c2.49 0 4.5-2.01 4.5-4.5a.5.5 0 0 0-1 0c0 1.93-1.57 3.5-3.5 3.5h-4c-1.93 0-3.5-1.57-3.5-3.5c0-1.4.818-2.6 2-3.16v4.16a.5.5 0 0 0 1 0v-4.46q.245-.035.5-.035h1.5v4.5a.5.5 0 0 0 1 0v-4.5h2v4.5a.5.5 0 0 0 1 0v-4.39c.622.14 1.29.412 1.97.784c1.02.556 2.05 1.31 2.96 2.11c.912.796 1.7 1.62 2.26 2.3c.28.34.494.638.636.87q.107.177.147.278a.5.5 0 0 1 .027.11l.003.013l.003.019a.501.501 0 0 0 .992-.091v-18zM14.09 12c1.09 0 2.26.417 3.36 1.01c1.11.6 2.19 1.41 3.14 2.23c.951.829 1.78 1.69 2.38 2.42l.034.041v-14.4l-.034.042c-.596.726-1.42 1.59-2.38 2.42c-.95.829-2.03 1.63-3.14 2.23c-1.1.597-2.26 1.01-3.36 1.01H3.99c-.782 0-1.41-.267-1.75-.742a1.2 1.2 0 0 0-.194-.221a.2.2 0 0 0-.06-.038H.992v5h.996a.2.2 0 0 0 .059-.037a1.2 1.2 0 0 0 .194-.221c.341-.475.969-.742 1.75-.742h10.1z" clip-rule="evenodd"/></svg>Como usar o ícone Trumpet 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:trumpet-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:trumpet-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:trumpet-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--trumpet-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:trumpet-24"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:trumpet-24"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/trumpet-24.svg" alt="Ícone Trumpet 24" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Trumpet 24
O ícone Trumpet 24 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Trumpet 24 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:trumpet-24" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Trumpet 24 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/trumpet-24.svg" alt="Ícone Trumpet 24">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.