Ícone Bass 24
qlementine-icons:bass-24
O ícone Bass 24 (qlementine-icons:bass-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" d="M9.34.432L8.17.049a1 1 0 0 0-.296-.05a.7.7 0 0 0-.505.266c-.325.356-.56.784-.686 1.25c-.171.486-.226 1-.159 1.52a.64.64 0 0 0 .386.537l1.15.378a1.1 1.1 0 0 0 .325.055a.6.6 0 0 0 .349-.108c.287-.203.456-.65.604-1.04l.01-.026c.095-.25.18-.507.24-.769c.106-.458.225-1.03.039-1.37a.58.58 0 0 0-.293-.258zm-3 4.618l1.17.383c.124.05.228.14.293.258c.186.337.067.911-.039 1.37a6 6 0 0 1-.24.769l-.01.026c-.148.389-.317.836-.604 1.04a.6.6 0 0 1-.349.109a1.1 1.1 0 0 1-.325-.055l-1.15-.378a.64.64 0 0 1-.386-.537a3.3 3.3 0 0 1 .16-1.52c.125-.465.361-.893.685-1.25A.7.7 0 0 1 6.05 5a1 1 0 0 1 .296.05zM4.51 10l1.17.382c.124.05.228.14.293.258c.186.337.067.91-.039 1.37a6 6 0 0 1-.24.769l-.01.026c-.148.389-.317.836-.604 1.04a.6.6 0 0 1-.349.108a1.1 1.1 0 0 1-.325-.055l-1.15-.378a.64.64 0 0 1-.386-.537a3.3 3.3 0 0 1 .16-1.52a3.04 3.04 0 0 1 .685-1.25a.7.7 0 0 1 .505-.266a1 1 0 0 1 .296.05zm-.67 5.4l-1.17-.382a1 1 0 0 0-.296-.05a.7.7 0 0 0-.505.266c-.325.356-.56.784-.686 1.25c-.171.486-.226 1-.159 1.52a.64.64 0 0 0 .386.537l1.15.378a1.1 1.1 0 0 0 .325.055a.6.6 0 0 0 .349-.108c.287-.203.456-.65.604-1.04l.01-.026c.095-.25.18-.507.24-.769c.106-.458.225-1.03.039-1.37a.58.58 0 0 0-.293-.258zM11.4 3.51A3.78 3.78 0 0 1 14.96 1c1.41 0 2.42.901 2.81 2.07c.393 1.18.147 2.58-.93 3.53c-.413.366-.767.701-1.02.981a3.4 3.4 0 0 0-.322.405c-.069.106-.176.291-.176.506c0 .197.059.467.129.737c.075.289.181.639.306 1.02c.248.772.579 1.71.906 2.65l.002.005c.33.939.656 1.87.9 2.63c.122.379.222.709.29.97c.073.28.096.434.096.486c0 .184-.095.393-.35.632c-.256.238-.623.459-1.04.654c-1.41.653-2.6 1.98-2.6 3.66v1.55c0 .276.233.5.5.5a.49.49 0 0 0 .501-.5v-1.55c0-1.17.844-2.21 2.03-2.76c.464-.216.938-.49 1.3-.831c.365-.341.668-.796.668-1.36c0-.198-.058-.467-.129-.737a18 18 0 0 0-.306-1.02c-.248-.772-.579-1.71-.906-2.65l-.001-.005c-.33-.939-.656-1.87-.9-2.63a19 19 0 0 1-.29-.971a4 4 0 0 1-.093-.43l.007-.01l.005-.008a2.3 2.3 0 0 1 .224-.278c.217-.239.538-.546.942-.903c1.41-1.25 1.72-3.09 1.22-4.6c-.506-1.52-1.85-2.76-3.76-2.76a4.77 4.77 0 0 0-4.5 3.17l-5.42 15.2c-.28.785.133 1.62.87 1.94c.616.264 1.41.645 2.05 1.08c.318.217.576.433.749.638c.177.21.226.36.226.455v1a.5.5 0 0 0 1.002 0v-1c0-.428-.21-.8-.461-1.1c-.255-.302-.594-.578-.951-.82c-.715-.487-1.58-.898-2.22-1.17a.557.557 0 0 1-.321-.687l5.42-15.2z"/></svg>Como usar o ícone Bass 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:bass-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:bass-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:bass-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--bass-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:bass-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:bass-24"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/bass-24.svg" alt="Ícone Bass 24" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Bass 24
O ícone Bass 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 Bass 24 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:bass-24" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bass 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/bass-24.svg" alt="Ícone Bass 24">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.