ICONYZ
日本語
Keyline Icons の Volume Off Sharp アイコン

Volume Off Sharp アイコン

keyline-icons:volume-off-sharp

Volume Off Sharp アイコン(keyline-icons:volume-off-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
volumeoff、offsharp、volumeoffsharp
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M11 11L11 20L6 15L2 15L2 9L6 9L7.5 7.5M15.0772 6.2227L15.8044 6.9091C17.2058 8.2316 18 10.0732 18 12C18 12.112 17.9973 12.2238 17.992 12.3351L17.9444 13.334M18.2608 3.7273L18.5498 4C20.7519 6.0782 22 8.9721 22 12C22 13.2746 21.7788 14.5254 21.3585 15.7016L21.022 16.6433M1.7071 1.7071L22.2929 22.2929"/></svg>

Volume Off Sharp アイコンの使い方

React

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

<Icon icon="keyline-icons:volume-off-sharp" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:volume-off-sharp" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:volume-off-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--volume-off-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:volume-off-sharp"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:volume-off-sharp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/volume-off-sharp.svg" alt="Volume Off Sharp アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Volume Off Sharp アイコン

Volume Off Sharp アイコン のよくある質問

Volume Off Sharp アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Volume Off Sharp アイコンを使うには?

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

Volume Off Sharp アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/volume-off-sharp.svg" alt="Volume Off Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →