ICONYZ
日本語
Solar の Bag Music Line Duotone アイコン

Bag Music Line Duotone アイコン

solar:bag-music-line-duotone

Bag Music Line Duotone アイコン(solar:bag-music-line-duotone)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
ショッピング
タグ
bagmusic、musicline、lineduotone、bagmusiclineduotone
SVG をダウンロード

SVG コード

<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>

Bag Music Line Duotone アイコンの使い方

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 コンポーネント

<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 画像

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

Solar の関連アイコン

Bag Music Line Duotone アイコン のよくある質問

Bag Music Line Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Bag Music Line Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:bag-music-line-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Bag Music Line Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/bag-music-line-duotone.svg" alt="Bag Music Line Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →