ICONYZ
日本語
Mage Icons の Notification Bell Muted Fill アイコン

Notification Bell Muted Fill アイコン

mage:notification-bell-muted-fill

Notification Bell Muted Fill アイコン(mage:notification-bell-muted-fill)は、Mage Icons セットの無料 SVG アイコンです(作者: MageIcons)。 24 × 24 のグリッドで描かれています。 Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Mage Icons
作者
MageIcons
ライセンス
Apache-2.0
サイズ
24 × 24
タグ
notificationbell、bellmuted、mutedfill、notificationbellmutedfill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.96 5.953a.8.8 0 0 1-.27.58L5.5 17.883a.74.74 0 0 1-.89.14c-3.11-1.47 0-4.37.44-6.21c-.25-3.71 1-6 4.1-7.37a3 3 0 0 1 5.87 0c.62.4 1.84.62 1.94 1.51m3.78 10.9c-.17 2.48-3.34 2-5 2c-.61 4.11-7 4.11-7.65 0c-.76.18-1.42-.51-.8-1.17l9.69-9.93c2.14-.66 1.86 2.55 2 4.72c.05 1.45 1.98 2.74 1.76 4.38"/></svg>

Notification Bell Muted Fill アイコンの使い方

React

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

<Icon icon="mage:notification-bell-muted-fill" width="24" />

Vue

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

<template>
  <Icon icon="mage:notification-bell-muted-fill" width="24" />
</template>

Svelte

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

<Icon icon="mage:notification-bell-muted-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--notification-bell-muted-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:notification-bell-muted-fill"></div>

Web コンポーネント

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

<iconify-icon icon="mage:notification-bell-muted-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mage/notification-bell-muted-fill.svg" alt="Notification Bell Muted Fill アイコン" width="24" height="24">

Mage Icons の関連アイコン

Notification Bell Muted Fill アイコン のよくある質問

Notification Bell Muted Fill アイコンは商用利用でも無料ですか?

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

React で Notification Bell Muted Fill アイコンを使うには?

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

Notification Bell Muted Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mage/notification-bell-muted-fill.svg" alt="Notification Bell Muted Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Mage Icons をすべて見る →