Do Not Disturb On Total Silence Outline アイコン

Q: Do Not Disturb On Total Silence Outline アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

material-symbols-light:do-not-disturb-on-total-silence-outline

Do Not Disturb On Total Silence Outline アイコン(material-symbols-light:do-not-disturb-on-total-silence-outline)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: Android
タグ: busy、disturb、do、mute、no、not、on total、quiet、silence、device、donot、notdisturb、disturbon、ontotal、totalsilence、silenceoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.894 15.897q1.606-1.604 1.606-3.895t-1.604-3.896T12.003 6.5T8.106 8.104T6.5 11.998t1.604 3.896t3.894 1.606t3.896-1.604M9.5 12.5v-1h5v1zm2.503 8.5q-1.867 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8"/></svg>

Do Not Disturb On Total Silence Outline アイコンの使い方

React

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

<Icon icon="material-symbols-light:do-not-disturb-on-total-silence-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:do-not-disturb-on-total-silence-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:do-not-disturb-on-total-silence-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--do-not-disturb-on-total-silence-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:do-not-disturb-on-total-silence-outline"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:do-not-disturb-on-total-silence-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/do-not-disturb-on-total-silence-outline.svg" alt="Do Not Disturb On Total Silence Outline アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Do Not Disturb On Total Silence Outline アイコン

Do Not Disturb On Total Silence Outline アイコンのよくある質問

Do Not Disturb On Total Silence Outline アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Do Not Disturb On Total Silence Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-symbols-light:do-not-disturb-on-total-silence-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Do Not Disturb On Total Silence Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/do-not-disturb-on-total-silence-outline.svg" alt="Do Not Disturb On Total Silence Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコンをすべて見る →