Bag Music Line Duotone icon

solar:bag-music-line-duotone

The Bag Music Line Duotone icon (solar:bag-music-line-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Shopping
Tags: bagmusic, musicline, lineduotone, bagmusiclineduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18.2347 6.92196C17.1238 6 15.5361 6 12.3605 6H11.6393C8.46374 6 6.87596 6 5.76506 6.92196C4.65416 7.84393 4.36155 9.40452 3.77633 12.5257C2.9534 16.9146 2.54194 19.1091 3.74157 20.5545C4.94119 22 7.17389 22 11.6393 22H12.3605C16.8259 22 19.0586 22 20.2582 20.5545M5.76506 6.92196V6.92196ZM18.2347 6.92196V6.92196ZM18.2347 6.92196C19.3456 7.84393 19.6382 9.40452 20.2235 12.5257C21.0464 16.9146 21.4578 19.1091 20.2582 20.5545M20.2582 20.5545V20.5545ZM3.74157 20.5545V20.5545Z"/><path stroke-linecap="round" d="M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6" opacity=".5"/><path stroke-linecap="round" d="M12 17C12 18.1046 11.1046 19 10 19C8.89543 19 8 18.1046 8 17C8 15.8954 8.89543 15 10 15C11.1046 15 12 15.8954 12 17ZM12 17V12M14.0584 9.97081L12.7416 10.6292C12.5592 10.7204 12.468 10.766 12.3926 10.8236C12.1974 10.9729 12.064 11.1887 12.0178 11.43C12 11.5232 12 11.6252 12 11.8292C12 12.3147 12 12.5575 12.0598 12.7225C12.2178 13.1587 12.6551 13.429 13.1159 13.3752C13.2902 13.3549 13.5074 13.2463 13.9416 13.0292L15.2584 12.3708C15.4408 12.2796 15.532 12.234 15.6074 12.1764C15.8026 12.0271 15.936 11.8113 15.9822 11.57C16 11.4768 16 11.3748 16 11.1708C16 10.6853 16 10.4425 15.9402 10.2775C15.7822 9.84126 15.3449 9.57101 14.8841 9.62476C14.7098 9.6451 14.4926 9.75367 14.0584 9.97081Z" opacity=".5"/></g></svg>

How to use the Bag Music Line Duotone icon

React

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

<Icon icon="solar:bag-music-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:bag-music-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:bag-music-line-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:bag-music-line-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/bag-music-line-duotone.svg" alt="Bag Music Line Duotone icon" width="24" height="24">

Related icons in Solar

Bag Music Line Duotone icon FAQ

Is the Bag Music Line Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Bag Music Line Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:bag-music-line-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bag Music Line Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/bag-music-line-duotone.svg" alt="Bag Music Line Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →