Ícone Bag Music

reicon:bag-music

O ícone Bag Music (reicon:bag-music) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon 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: Reicon
Autor: REICON
Licença: MIT
Tamanho: 24 × 24
Categoria: Compras
Tags: bagmusic

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 2.75A2.25 2.25 0 0 0 9.75 5v.26c.557-.01 1.168-.01 1.84-.01h.821c.67 0 1.282 0 1.84.01V5A2.25 2.25 0 0 0 12 2.75m3.75 2.578V5a3.75 3.75 0 1 0-7.5 0v.328q-.214.018-.414.043c-1.01.125-1.842.387-2.55.974S4.168 7.702 3.86 8.672c-.3.94-.526 2.147-.81 3.666l-.021.11c-.402 2.143-.718 3.832-.777 5.163c-.06 1.365.144 2.495.914 3.422c.77.928 1.843 1.336 3.195 1.529c1.32.188 3.037.188 5.218.188h.845c2.18 0 3.898 0 5.217-.188c1.352-.193 2.426-.601 3.196-1.529s.972-2.057.913-3.422c-.058-1.331-.375-3.02-.777-5.163l-.02-.11c-.285-1.519-.512-2.727-.81-3.666c-.31-.97-.72-1.74-1.428-2.327c-.707-.587-1.54-.85-2.55-.974a11 11 0 0 0-.414-.043M8.02 6.86c-.855.105-1.372.304-1.776.64c-.403.334-.694.805-.956 1.627c-.267.84-.478 1.958-.774 3.537c-.416 2.217-.711 3.8-.764 5.013c-.052 1.19.14 1.88.569 2.399c.43.517 1.073.832 2.253 1c1.2.172 2.812.174 5.068.174h.72c2.257 0 3.867-.002 5.068-.173c1.18-.169 1.823-.484 2.253-1.001c.43-.518.621-1.208.57-2.4c-.054-1.211-.349-2.795-.765-5.012c-.296-1.58-.506-2.696-.774-3.537c-.262-.822-.552-1.293-.956-1.628s-.92-.534-1.776-.64c-.876-.108-2.013-.109-3.62-.109h-.72c-1.607 0-2.744.001-3.62.11"/><path d="M14.979 10.369a1 1 0 0 0-.11.042c-.108.048-.25.118-.475.23l-1.317.659a7 7 0 0 0-.23.12a.25.25 0 0 0-.092.15l-.003.045l-.002.214c0 .251 0 .41.007.528c.004.076.01.109.01.117a.25.25 0 0 0 .255.157a1 1 0 0 0 .11-.043c.108-.047.25-.117.474-.23l1.317-.658a7 7 0 0 0 .23-.12a.25.25 0 0 0 .092-.15l.003-.045c.002-.046.002-.107.002-.214c0-.251 0-.41-.006-.528a1 1 0 0 0-.011-.117a.25.25 0 0 0-.254-.157m-.182-1.49a1.75 1.75 0 0 1 1.848 1.143c.069.188.088.378.097.543c.008.161.008.36.008.587v.059c0 .162 0 .334-.031.5c-.08.422-.314.8-.656 1.061a2.5 2.5 0 0 1-.433.251l-.036.019l-1.333.666c-.203.102-.381.19-.53.255c-.15.066-.33.134-.528.157a1.8 1.8 0 0 1-.453-.006V17a2.75 2.75 0 1 1-1.5-2.45v-2.761c0-.163 0-.334.031-.5c.081-.422.315-.8.656-1.061a2.5 2.5 0 0 1 .433-.251l.036-.019l1.334-.666q.305-.155.53-.256c.15-.065.329-.133.527-.156M11.25 17a1.25 1.25 0 1 0-2.5 0a1.25 1.25 0 0 0 2.5 0"/></g></svg>

Como usar o ícone Bag Music

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:bag-music" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:bag-music" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:bag-music" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--bag-music]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:bag-music"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:bag-music"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/reicon/bag-music.svg" alt="Ícone Bag Music" width="24" height="24">

Ícones relacionados em Reicon

Perguntas frequentes sobre Ícone Bag Music

O ícone Bag Music é grátis para uso comercial?

Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Bag Music no React?

Instale @iconify/react e renderize <Icon icon="reicon:bag-music" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Bag Music a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/bag-music.svg" alt="Ícone Bag Music">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Reicon →