Notification Alert Solid アイコン
streamline-plump:notification-alert-solid
Notification Alert Solid アイコン(streamline-plump:notification-alert-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 電話
- タグ
- notificationalert、alertsolid、notificationalertsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M13.832 1.562Q15.727 1.5 18 1.5c2.273-.001 2.904.023 4.168.062l-.328 2.624A1.5 1.5 0 0 1 20.352 5.5h-4.704a1.5 1.5 0 0 1-1.488-1.314zM20.354 8.5a15 15 0 0 0-.854 5c0 8.276 6.702 14.986 14.974 15c-.06 5.09-.216 8.84-.365 11.394c-.188 3.214-2.548 5.862-5.843 6.177c-2.364.227-5.744.429-10.266.429s-7.902-.202-10.267-.429c-3.294-.315-5.654-2.963-5.842-6.177C1.701 36.64 1.5 31.44 1.5 24s.201-12.639.391-15.894C2.08 4.892 4.44 2.244 7.733 1.929a84 84 0 0 1 3.092-.235l.358 2.864A4.5 4.5 0 0 0 15.648 8.5zM16 39.5a1.5 1.5 0 0 0 0 3h4a1.5 1.5 0 0 0 0-3zm9.241-37.802l-.066-.004l-.008.062zM34.5 25.5c6.627 0 12-5.373 12-12s-5.373-12-12-12s-12 5.373-12 12s5.373 12 12 12m2-6.5a2 2 0 1 0-4 0v.5a2 2 0 1 0 4 0zm-2-13.5a2 2 0 0 1 2 2v6a2 2 0 1 1-4 0v-6a2 2 0 0 1 2-2" clip-rule="evenodd"/></svg>Notification Alert Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:notification-alert-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:notification-alert-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:notification-alert-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--notification-alert-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:notification-alert-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:notification-alert-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/notification-alert-solid.svg" alt="Notification Alert Solid アイコン" width="24" height="24">Plump free icons の関連アイコン
Notification Alert Solid アイコン のよくある質問
Notification Alert Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Notification Alert Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:notification-alert-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Notification Alert Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/notification-alert-solid.svg" alt="Notification Alert Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。