Ícone Cowbell 16
qlementine-icons:cowbell-16
O ícone Cowbell 16 (qlementine-icons:cowbell-16) é 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="M10 3.03c.166.022.334.06.494.128c.328.138.613.36.826.645c.248.33.349.745.43 1.08l.023.092l1.71 6.84c.077.308.15.6.189.846a2.05 2.05 0 0 1-.041.94a2 2 0 0 1-.874 1.12c-.31.187-.635.243-.901.267c-.25.023-.55.022-.867.022h-5.98c-.317 0-.618 0-.867-.022a2.04 2.04 0 0 1-.901-.268a2 2 0 0 1-.874-1.12a2.05 2.05 0 0 1-.041-.939c.039-.247.112-.538.189-.846l1.71-6.84l.023-.092c.08-.331.183-.745.43-1.08c.213-.285.498-.507.826-.645a2 2 0 0 1 .494-.128V2c0-.465 0-.697.05-.888a1.5 1.5 0 0 1 1.06-1.06c.192-.051.424-.051.889-.051s.697 0 .888.051c.518.139.922.543 1.06 1.06c.05.191.05.423.05.888v1.03zm-3.28.972c-.428 0-.646.002-.828.078a1 1 0 0 0-.413.323c-.121.161-.175.378-.283.811l-1.7 6.8c-.169.678-.254 1.02-.172 1.28a1 1 0 0 0 .437.56C4 14 4.349 14 5.051 14h5.9c.699 0 1.05 0 1.29-.145a1 1 0 0 0 .437-.56c.082-.267-.002-.606-.172-1.28l-1.7-6.8c-.108-.433-.162-.65-.283-.81a1 1 0 0 0-.413-.324c-.182-.076-.4-.078-.828-.078h-2.56zm2.28-1v-1c0-.242 0-.389-.005-.501c-.005-.107-.013-.132-.012-.128a.5.5 0 0 0-.354-.354c.004.001-.021-.007-.128-.012c-.112-.005-.26-.005-.501-.005s-.389 0-.501.005c-.107.005-.132.013-.128.012a.5.5 0 0 0-.354.354s-.007.028-.012.128C7 1.613 7 1.761 7 2.002v1z" clip-rule="evenodd"/></svg>Como usar o ícone Cowbell 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:cowbell-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:cowbell-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:cowbell-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--cowbell-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:cowbell-16"></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-16"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/cowbell-16.svg" alt="Ícone Cowbell 16" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Cowbell 16
O ícone Cowbell 16 é 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 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:cowbell-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cowbell 16 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-16.svg" alt="Ícone Cowbell 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.