Ícone Cowbell 24
qlementine-icons:cowbell-24
O ícone Cowbell 24 (qlementine-icons:cowbell-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="M11.9 0c-.409 0-.687 0-.93.048a2.49 2.49 0 0 0-1.96 1.96c-.048.242-.048.521-.048.93v2.1a2.8 2.8 0 0 0-.757.178a3 3 0 0 0-1.22.913c-.365.459-.542 1.06-.815 1.99l-2.38 8.11c-.301 1.02-.536 1.82-.665 2.47c-.131.655-.166 1.21-.02 1.74c.234.845.777 1.57 1.52 2.03c.461.288 1.01.411 1.67.47c.656.059 1.49.059 2.56.059h6.22c1.07 0 1.9 0 2.56-.059c.665-.06 1.21-.183 1.67-.47a3.5 3.5 0 0 0 1.52-2.03c.145-.524.11-1.08-.021-1.74c-.13-.647-.364-1.45-.665-2.47l-2.38-8.11c-.272-.926-.45-1.53-.815-1.99a3 3 0 0 0-1.22-.913a2.8 2.8 0 0 0-.757-.178v-2.1c0-.409 0-.687-.048-.93a2.485 2.485 0 0 0-1.96-1.96C12.717 0 12.438 0 12.029 0h-.116zm2.06 5V3c0-.489-.002-.66-.029-.793a1.5 1.5 0 0 0-1.18-1.18c-.133-.026-.304-.029-.793-.029s-.66.003-.793.029a1.5 1.5 0 0 0-1.18 1.18c-.026.133-.029.304-.029.793v2h4.002zM8.58 6.15c.34-.138.756-.147 1.87-.147h3.01c1.12 0 1.53.009 1.87.147c.319.13.6.339.814.609c.228.287.354.684.67 1.76l2.35 7.97c.31 1.05.532 1.81.651 2.41c.119.595.122.972.038 1.27a2.5 2.5 0 0 1-1.09 1.45c-.266.166-.63.269-1.23.323c-.608.054-1.4.055-2.49.055h-6.17c-1.1 0-1.89 0-2.49-.055c-.604-.054-.967-.157-1.23-.323a2.52 2.52 0 0 1-1.09-1.45c-.084-.302-.081-.679.038-1.27c.119-.598.342-1.36.65-2.41l2.35-7.97c.316-1.07.443-1.47.67-1.76c.215-.27.496-.479.815-.609z" clip-rule="evenodd"/></svg>Como usar o ícone Cowbell 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:cowbell-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:cowbell-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:cowbell-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--cowbell-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:cowbell-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:cowbell-24"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/cowbell-24.svg" alt="Ícone Cowbell 24" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Cowbell 24
O ícone Cowbell 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 Cowbell 24 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:cowbell-24" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cowbell 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/cowbell-24.svg" alt="Ícone Cowbell 24">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.