Music Note Slider Bold アイコン

Q: Music Note Slider Bold アイコンは商用利用でも無料ですか?

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

solar:music-note-slider-bold

Music Note Slider Bold アイコン(solar:music-note-slider-bold)は、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
カテゴリ: 動画
タグ: musicnote、noteslider、sliderbold、musicnotesliderbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11 12.75C11.6904 12.75 12.25 13.3096 12.25 14C12.25 14.6904 11.6904 15.25 11 15.25C10.3096 15.25 9.75 14.6904 9.75 14C9.75 13.3096 10.3096 12.75 11 12.75Z"/><path fill-rule="evenodd" d="M6.41861 8C6.41861 5.17157 6.41861 3.75736 7.23598 2.87868C8.05336 2 9.36891 2 12 2C14.6311 2 15.9466 2 16.764 2.87868C17.5814 3.75736 17.5814 5.17157 17.5814 8V16C17.5814 18.8284 17.5814 20.2426 16.764 21.1213C15.9466 22 14.6311 22 12 22C9.36891 22 8.05336 22 7.23598 21.1213C6.41861 20.2426 6.41861 18.8284 6.41861 16V8ZM13.75 8C13.75 7.58579 13.4142 7.25 13 7.25C12.5858 7.25 12.25 7.58579 12.25 8V11.5499C11.875 11.3581 11.4501 11.25 11 11.25C9.48122 11.25 8.25 12.4812 8.25 14C8.25 15.5188 9.48122 16.75 11 16.75C12.5188 16.75 13.75 15.5188 13.75 14V10.4501C14.125 10.6419 14.5499 10.75 15 10.75C15.4142 10.75 15.75 10.4142 15.75 10C15.75 9.58579 15.4142 9.25 15 9.25C14.3096 9.25 13.75 8.69036 13.75 8Z" clip-rule="evenodd"/><path d="M5.02325 7.90125V16.0987C5.0232 17.0815 5.02316 17.9638 5.06946 18.7277C5.08581 18.9974 5.10793 19.2523 5.13787 19.4917C5.15132 19.5992 5.16661 19.7062 5.18411 19.8126C5.21968 20.0288 5.05257 20.2326 4.83435 20.2134C4.40341 20.1756 4.01421 20.0949 3.65073 19.8958C3.08186 19.5842 2.61937 19.087 2.32952 18.4755C2.14431 18.0847 2.06921 17.6663 2.034 17.2031C1.99999 16.7555 1.99999 16.2048 2 15.5314V8.46859C1.99999 7.79521 1.99999 7.2445 2.034 6.79693C2.06921 6.33367 2.14431 5.91527 2.32952 5.52453C2.61937 4.913 3.08186 4.41582 3.65073 4.10423C4.01421 3.90514 4.40341 3.8244 4.83435 3.78655C5.05257 3.76739 5.21968 3.97125 5.18411 4.1874C5.16661 4.29376 5.15132 4.40079 5.13787 4.50831C5.10793 4.74771 5.08581 5.00264 5.06946 5.27233C5.02316 6.03622 5.0232 6.91849 5.02325 7.90125Z"/><path d="M18.9767 7.90126V16.0987C18.9768 17.0815 18.9768 17.9638 18.9305 18.7277C18.9142 18.9974 18.8921 19.2523 18.8621 19.4917C18.8487 19.5992 18.8334 19.7062 18.8159 19.8126C18.7803 20.0288 18.9474 20.2326 19.1656 20.2134C19.5966 20.1756 19.9858 20.0949 20.3493 19.8958C20.9181 19.5842 21.3806 19.087 21.6705 18.4755C21.8557 18.0847 21.9308 17.6663 21.966 17.2031C22 16.7555 22 16.2048 22 15.5315V8.46859C22 7.79525 22 7.24448 21.966 6.79693C21.9308 6.33367 21.8557 5.91527 21.6705 5.52453C21.3806 4.913 20.9181 4.41582 20.3493 4.10423C19.9858 3.90514 19.5966 3.8244 19.1656 3.78655C18.9474 3.76739 18.7803 3.97125 18.8159 4.1874C18.8334 4.29376 18.8487 4.40079 18.8621 4.50831C18.8921 4.74771 18.9142 5.00264 18.9305 5.27233C18.9768 6.03623 18.9768 6.91849 18.9767 7.90126Z"/></g></svg>

Music Note Slider Bold アイコンの使い方

React

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

<Icon icon="solar:music-note-slider-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:music-note-slider-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:music-note-slider-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--music-note-slider-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:music-note-slider-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:music-note-slider-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/music-note-slider-bold.svg" alt="Music Note Slider Bold アイコン" width="24" height="24">

Solar の関連アイコン

Music Note Slider Bold アイコンのよくある質問

Music Note Slider Bold アイコンは商用利用でも無料ですか?

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

React で Music Note Slider Bold アイコンを使うには?

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

Music Note Slider Bold アイコンをウェブページに追加するには?

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

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