Muse Dash アイコン
arcticons:muse-dash
Muse Dash アイコン(arcticons:muse-dash)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- musedash
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.5 17.476c6.383 3.743 10.313 2.734 15.444 4.795c0 0-.084-4.164.925-6.35c-.378 2.607.8 4.626 3.449 6.35c-.673-5.51-.187-9.832 4.523-16.51C29.547 14.08 39.196 24 39.196 24c-.505 3.654-4.668 7.565-4.668 7.565c3.449.084 5.467-2.27 5.467-2.27c-1.976 3.91-11.313 7.78-11.313 7.78m-9.2 1.115c-2.176-3.113-9.533-6.625-13.982-7.13"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.958 20.505C12.91 20.757 10.682 24 10.682 24m-1.093-.972c.462 2.902 3.827 6.729 3.827 6.729c-2.776.168-5.594-3.365-5.594-3.365"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.954 32.985c-1.314-1.798-.833-3.81-.833-3.81m9.571 2.558C24.14 32.238 27 31.08 27 31.08c.589 2.672-.9 4.222-3 4.228c-3.056.009-3.308-3.575-3.308-3.575m1.251-2.702c.546-.694 2.334-.914 3.26-.115m3.5-6.664c3.218-1.58 6.73-.801 9.19 2.374"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.366 24s-2.539 5.71-6.181 4.407c-4.1-1.468-1.822-6.444-1.822-6.444m-10.177-.302c1.905 4.29-1.312 7.928-4.971 6.098S11.7 22.92 11.7 22.92m16.457-8.408c1.009-.652 4.436-1.935 4.436-1.935m-16.233-.799a41 41 0 0 1 2.797 2.628M28.892 42.5s2.313.105 1.935-3.112s-4.122-2.755-4.858-.379c-1.598-.63-4.394-.19-5.11.589c-1.45-1.872-3.565-3.334-4.877-.105c-1.052 2.586 2.586 3.007 2.586 3.007m-1.717-15.995l-.141-2.636m15.056 2.93l.112-2.496"/></svg>Muse Dash アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:muse-dash" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:muse-dash" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:muse-dash" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--muse-dash]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:muse-dash"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:muse-dash"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/muse-dash.svg" alt="Muse Dash アイコン" width="24" height="24">Arcticons の関連アイコン
Muse Dash アイコン のよくある質問
Muse Dash アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Muse Dash アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:muse-dash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Muse Dash アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/muse-dash.svg" alt="Muse Dash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。