ICONYZ
日本語
Solar の Bag Music 2 Outline アイコン

Bag Music 2 Outline アイコン

solar:bag-music-2-outline

Bag Music 2 Outline アイコン(solar:bag-music-2-outline)は、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、musicoutline、bagmusicoutline
SVG をダウンロード

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.0001 2.75C10.7575 2.75 9.75012 3.75736 9.75012 5V5.25988C10.3072 5.24999 10.9184 5.24999 11.5893 5.25H12.411C13.0818 5.24999 13.693 5.24999 14.2501 5.25988V5C14.2501 3.75736 13.2428 2.75 12.0001 2.75ZM15.7501 5.32793V5C15.7501 2.92893 14.0712 1.25 12.0001 1.25C9.92905 1.25 8.25012 2.92893 8.25012 5V5.32793C8.10739 5.34021 7.96947 5.35444 7.83619 5.3709C6.82622 5.49569 5.9936 5.75783 5.2863 6.34483C4.57901 6.93183 4.16792 7.70189 3.85914 8.67156C3.55991 9.61128 3.3334 10.8194 3.04866 12.3381L3.02798 12.4484C2.62618 14.5912 2.30954 16.2799 2.25143 17.6112C2.19187 18.9758 2.39488 20.106 3.16465 21.0335C3.93443 21.961 5.00785 22.3689 6.36005 22.5618C7.67926 22.75 9.39737 22.75 11.5775 22.75H12.4227C14.6028 22.75 16.321 22.75 17.6402 22.5618C18.9924 22.3689 20.0658 21.961 20.8356 21.0335C21.6054 20.106 21.8084 18.9758 21.7488 17.6112C21.6907 16.2799 21.3741 14.5912 20.9723 12.4484L20.9516 12.3381C20.6668 10.8194 20.4403 9.61129 20.1411 8.67156C19.8323 7.70189 19.4212 6.93183 18.7139 6.34483C18.0066 5.75783 17.174 5.49569 16.164 5.3709C16.0308 5.35444 15.8928 5.34021 15.7501 5.32793ZM8.02012 6.85959C7.16458 6.96529 6.64786 7.16413 6.24426 7.49909C5.84065 7.83406 5.54999 8.30528 5.28843 9.12669C5.02057 9.96788 4.80982 11.0846 4.5137 12.6639C4.09798 14.8811 3.8029 16.4647 3.75 17.6766C3.69801 18.8679 3.88907 19.5576 4.31892 20.0756C4.74876 20.5935 5.39151 20.9084 6.57193 21.0768C7.77284 21.2482 9.38371 21.25 11.6395 21.25H12.3607C14.6165 21.25 16.2274 21.2482 17.4283 21.0768C18.6087 20.9084 19.2515 20.5935 19.6813 20.0756C20.1112 19.5576 20.3022 18.8679 20.2502 17.6766C20.1973 16.4647 19.9023 14.8811 19.4865 12.6639C19.1904 11.0846 18.9797 9.96788 18.7118 9.12669C18.4502 8.30528 18.1596 7.83406 17.756 7.49909C17.3524 7.16413 16.8357 6.96529 15.9801 6.85959C15.104 6.75133 13.9675 6.75 12.3607 6.75H11.6395C10.0327 6.75 8.89627 6.75133 8.02012 6.85959Z"/><path d="M13.0001 9.25C13.4143 9.25 13.7501 9.58579 13.7501 10C13.7501 10.6904 14.3098 11.25 15.0001 11.25C15.4143 11.25 15.7501 11.5858 15.7501 12C15.7501 12.4142 15.4143 12.75 15.0001 12.75C14.55 12.75 14.1252 12.6419 13.7501 12.4501V16C13.7501 17.5188 12.5189 18.75 11.0001 18.75C9.48133 18.75 8.25012 17.5188 8.25012 16C8.25012 14.4812 9.48133 13.25 11.0001 13.25C11.4502 13.25 11.8751 13.3581 12.2501 13.5499V10C12.2501 9.58579 12.5859 9.25 13.0001 9.25ZM12.2501 16C12.2501 15.3096 11.6905 14.75 11.0001 14.75C10.3098 14.75 9.75012 15.3096 9.75012 16C9.75012 16.6904 10.3098 17.25 11.0001 17.25C11.6905 17.25 12.2501 16.6904 12.2501 16Z"/></g></svg>

Bag Music 2 Outline アイコンの使い方

React

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

<Icon icon="solar:bag-music-2-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:bag-music-2-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:bag-music-2-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:bag-music-2-outline"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

Bag Music 2 Outline アイコン のよくある質問

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

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

React で Bag Music 2 Outline アイコンを使うには?

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

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

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

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