Bell アイコン

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

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

uiw:bell

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

アイコンセット: uiw icons
作者: liwen0526
ライセンス: MIT
サイズ: 20 × 20

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.985 0c1.089 0 1.971.898 1.971 2.006l-.009.163c.868.352 1.707.936 2.451 1.71c.862.893 1.366 2.077 1.521 3.596v5.478l1.191 2.098c.4.666.528 1.224.216 1.707c-.286.441-.797.595-1.49.583h-2.67C12.854 18.86 11.532 20 9.95 20s-2.905-1.14-3.216-2.658H3.778l-.056-.003c-.627-.054-1.094-.357-1.199-.94c-.071-.397.023-.823.268-1.331l1.225-2.18l.003-5.473c.107-1.21.56-2.337 1.348-3.371c.667-.875 1.62-1.519 2.654-1.89a2 2 0 0 1-.006-.148C8.015.898 8.897 0 9.985 0m1.818 17.342H8.097c.275.77 1 1.32 1.853 1.32c.852 0 1.578-.55 1.853-1.32M10.082 3.124c-1.354 0-2.843.645-3.677 1.74c-.638.836-.994 1.722-1.075 2.61v5.59c0 .117-.03.232-.087.333l-1.291 2.296q-.09.19-.12.311h12.014c.121.002.213-.003.276-.005a3 3 0 0 0-.141-.265l-1.287-2.267a.7.7 0 0 1-.088-.335l.003-5.586c-.121-1.162-.506-2.064-1.149-2.732c-1.04-1.08-2.262-1.69-3.378-1.69m-.097-1.787a.66.66 0 0 0-.635.497q.369-.047.732-.047q.266 0 .535.032a.66.66 0 0 0-.632-.482"/></svg>

Bell アイコンの使い方

React

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

<Icon icon="uiw:bell" width="24" />

Vue

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

<template>
  <Icon icon="uiw:bell" width="24" />
</template>

Svelte

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

<Icon icon="uiw:bell" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="uiw:bell"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

uiw icons をすべて見る →