Ícone Instrument Accordian
streamline-freehand-color:instrument-accordian
O ícone Instrument Accordian (streamline-freehand-color:instrument-accordian) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand 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
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Música, vídeo e entretenimento
- Tags
- instrumentaccordian
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M16.23 5.236c-.49-.23-.58-.65-1.349-.62c-.37 0-.839.25-1.078.19s-.81-.999-1.928-.48c-.39.19-.81.56-.939.54c-.51 0-1.298-1.488-2.857-.47c-.51.33-1.468 1.389-1.128 1.818a.3.3 0 0 0 .42.06c.209-.16.07-.589.998-1.108c.929-.52.999-.15 1.518.29c-.41 1.867-.23 2.327.13 4.544a.34.34 0 1 0 .68 0c.17-1.326.17-2.67 0-3.995c.898.22 1.468-.59 1.837-.62c.37-.03.55.63 1.428.56a9.16 9.16 0 0 0-.819 3.995a.34.34 0 1 0 .67.13c.33-.823.568-1.681.709-2.557q.06-.879 0-1.758c.859-.35.719 0 1.398.29c.5.18.75-.09 1.109.18c.36.269.53-.36.22-.57s-.58-.22-1.02-.42"/><path fill="#020202" d="M9.598 14.475c-.41-1.608-1.758-4.844-2.917-8.99c-.13-.44-.28-1.168-.77-1.278a.33.33 0 0 0-.409.24c-.06.23.52 1.158.52 1.238L7.47 11c.43 1.458 1.279 3.666 1.159 5.423S7.16 18.78 5.353 18.79c-1.808.01-1.998-1.478-2.507-3.077a46 46 0 0 1-1.818-6.242c-.47-2.967-.23-3.606 2.367-4.315c.08 0 1.628-.15 1.688-.15a.3.3 0 0 0 .14-.41c-.22-.669-3.266.15-4.145.77a2.73 2.73 0 0 0-1.05 2.566c0 2.657 1.22 6.333 1.759 8.121a7.9 7.9 0 0 0 1.328 2.996c.999 1.08 2.507 1 3.996.67a3.246 3.246 0 0 0 2.616-3.257a6.3 6.3 0 0 0-.13-1.987"/><path fill="#0c6fff" d="M12.944 13.815c-1.389-.15-1.898 1.189-2.997.76c-.24.07-.24.859.12.948l.24.05c1.318.28 2.047-.739 2.607-.759c.24 0 .47.24.879.43c.29 0 .37-.54.24-.83a1.66 1.66 0 0 0-1.09-.599"/><path fill="#020202" d="M23.851 7.083a3 3 0 0 0-1.229-1.498a8.7 8.7 0 0 0-4.125-1.099c-.999.21-5.304 11.846-4.664 13.844c.45 1.398 4.664 1.698 5.643 1.618a2.57 2.57 0 0 0 1.808-.889c.929-1.059 1.638-4.145 1.938-5.523c.44-2.038 1.068-5.154.629-6.453m-1.628 6.223c-.25.999-.53 1.998-.86 2.997c-.608 1.837-.928 2.626-2.696 2.496a20 20 0 0 1-2.996-.499c-.77-.24-1-.47-.95-.999a34.7 34.7 0 0 1 1.659-6.043c0-.08 1.997-6.202 2.747-6.192c1.06.2 2.074.589 2.996 1.148c1.448 1.01 1.279 2.258.1 7.092"/><path fill="#020202" d="M18.947 9.24a1.28 1.28 0 0 0 .479 1.76a1.458 1.458 0 0 0 2.147-1.7c-.879-2.048-2.337-.59-2.627-.06m1.468.83c-.39.14-.86-.22-.34-.79c.52-.569.5-.469.71.19c.14.44-.17.53-.37.6m-3.145 3.156a1.518 1.518 0 0 0 2.257 1.998a1.47 1.47 0 0 0 .36-2.058c-.05-.09-1.649-1.518-2.617.06m1.887 1.069a.585.585 0 1 1-.998-.61c.389-.898 1.608-.02.998.61M4.823 7.233a3 3 0 0 0-2.307.9c0 .159-.06.279 0 .339c.719.45 2.147-.42 2.457-.6a.34.34 0 1 0-.15-.639M6.192 9.65a4.3 4.3 0 0 0-1.918.42c-.999.6-.999.53-1.059.769a.43.43 0 0 0 .47.29a4.32 4.32 0 0 0 2.706-.83a.34.34 0 0 0-.2-.649m.619 2.797c-.079 0-2.676.22-2.936.939c-.27.44.9.43 1.419.41a4.1 4.1 0 0 0 1.728-.7a.341.341 0 1 0-.21-.649m-1.788 3.616a.3.3 0 0 0-.17.39c0 .11.12.15.29.239c.65.36 1.228 0 1.798-.47a.34.34 0 0 0-.24-.629c-1.538.09-.909.19-1.678.47"/></g></svg>Como usar o ícone Instrument Accordian
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:instrument-accordian" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:instrument-accordian" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:instrument-accordian" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--instrument-accordian]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:instrument-accordian"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:instrument-accordian"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/instrument-accordian.svg" alt="Ícone Instrument Accordian" width="24" height="24">Ícones relacionados em Freehand color icons
O ícone Instrument Accordian em outras coleções
Perguntas frequentes sobre Ícone Instrument Accordian
O ícone Instrument Accordian é grátis para uso comercial?
Sim. Freehand 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 Instrument Accordian no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:instrument-accordian" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Instrument Accordian a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/instrument-accordian.svg" alt="Ícone Instrument Accordian">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.