Bell Slash アイコン

Q: Bell Slash アイコンは商用利用でも無料ですか?

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

prime:bell-slash

Bell Slash アイコン(prime:bell-slash)は、Prime Icons セットの無料 SVG アイコンです（作者: PrimeTek）。 24 × 24 のグリッドで描かれています。 Prime Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Prime Icons
作者: PrimeTek
ライセンス: MIT
サイズ: 24 × 24
タグ: bellslash

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 3.25c-1.563 0-2.887.394-3.927 1.14c-.535.385-.958.943-1.242 1.38l-1.3-1.3A.75.75 0 0 0 4.47 5.53l2 2l10 10l2 2a.75.75 0 1 0 1.06-1.06l-.72-.72h1.69a.75.75 0 0 0 .026-1.5h-.002a.7.7 0 0 1-.18-.053c-.152-.062-.403-.206-.676-.544c-.554-.685-1.248-2.235-1.248-5.653c0-1.878-.507-3.574-1.607-4.81C15.7 3.94 14.065 3.25 12 3.25M8.055 6.641q-.073.115-.134.22l9.39 9.389h.937c-.744-1.124-1.328-3.026-1.328-6.25c0-1.622-.438-2.926-1.228-3.814C14.914 5.31 13.715 4.75 12 4.75c-1.308 0-2.311.327-3.052.86c-.328.234-.643.637-.893 1.031M7.08 10a.75.75 0 1 0-1.5 0c0 1.404-.117 2.497-.296 3.346c-.342 1.631-.904 2.334-1.274 2.635a1.3 1.3 0 0 1-.44.247a1 1 0 0 1-.093.022h-.004a.75.75 0 0 0 .027 1.5h4.825a3.746 3.746 0 0 0 3.675 3c1.349 0 2.53-.71 3.19-1.775a.75.75 0 0 0-1.275-.79A2.25 2.25 0 0 1 12 19.25a2.25 2.25 0 0 1-2.123-1.5H13a.75.75 0 0 0 0-1.5H5.752c.402-.609.759-1.447 1-2.596c.204-.97.328-2.17.328-3.654" clip-rule="evenodd"/></svg>

Bell Slash アイコンの使い方

React

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

<Icon icon="prime:bell-slash" width="24" />

Vue

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

<template>
  <Icon icon="prime:bell-slash" width="24" />
</template>

Svelte

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

<Icon icon="prime:bell-slash" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[prime--bell-slash]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/prime -->
<div class="i-prime:bell-slash"></div>

Web コンポーネント

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

<iconify-icon icon="prime:bell-slash"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/prime/bell-slash.svg" alt="Bell Slash アイコン" width="24" height="24">

Prime Icons の関連アイコン

他のアイコンセットの Bell Slash アイコン

Bell Slash アイコンのよくある質問

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

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

React で Bell Slash アイコンを使うには?

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

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

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

Prime Icons をすべて見る →