ICONYZ
日本語
Reicon の Alarm Pause アイコン

Alarm Pause アイコン

reicon:alarm-pause

Alarm Pause アイコン(reicon:alarm-pause)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
時刻
タグ
alarmpause
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.898 2.636a.75.75 0 1 0-.795-1.272l-4 2.5a.75.75 0 0 0 .794 1.272zm9-1.272a.75.75 0 1 0-.796 1.272l4 2.5a.75.75 0 1 0 .796-1.272zM3.75 13a8.25 8.25 0 1 1 16.5 0a8.25 8.25 0 0 1-16.5 0M12 3.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 3.25 12 3.25m-2.478 5h-.044c-.214 0-.41 0-.576.011c-.178.012-.373.04-.572.122a1.75 1.75 0 0 0-.947.947c-.082.199-.11.394-.122.572c-.011.165-.011.362-.011.576v5.044c0 .214 0 .411.011.576c.012.178.04.373.122.572c.178.429.519.77.947.947c.199.082.394.11.572.122c.165.011.362.011.576.011h.044c.214 0 .41 0 .576-.011c.178-.012.373-.04.572-.122a1.75 1.75 0 0 0 .947-.947c.082-.199.11-.394.122-.572c.011-.165.011-.362.011-.576v-5.044c0-.214 0-.41-.011-.576a1.8 1.8 0 0 0-.122-.572a1.75 1.75 0 0 0-.947-.947a1.8 1.8 0 0 0-.572-.122c-.165-.01-.362-.01-.576-.01m-.752 1.65a.25.25 0 0 1 .131-.13a1 1 0 0 1 .103-.013c.108-.007.253-.008.496-.008s.388 0 .496.008c.067.004.095.01.103.012a.25.25 0 0 1 .13.131a1 1 0 0 1 .013.103c.008.108.008.253.008.496v5c0 .243 0 .388-.008.496a1 1 0 0 1-.012.103a.25.25 0 0 1-.131.13a1 1 0 0 1-.103.013a8 8 0 0 1-.496.008c-.243 0-.388 0-.496-.008a1 1 0 0 1-.103-.012a.25.25 0 0 1-.13-.131a1 1 0 0 1-.013-.103a8 8 0 0 1-.008-.496v-5c0-.243 0-.388.008-.496a1 1 0 0 1 .012-.103"/><path d="M14.559 8.239h-.044c-.214 0-.41 0-.576.011a1.8 1.8 0 0 0-.572.122a1.75 1.75 0 0 0-.947.947c-.082.199-.11.394-.122.572a9 9 0 0 0-.011.576v5.044c0 .214 0 .41.011.576c.012.178.04.373.122.572c.178.428.518.77.947.947c.199.082.394.11.572.122c.165.011.362.011.576.011h.044c.214 0 .41 0 .576-.011c.178-.012.373-.04.572-.122a1.75 1.75 0 0 0 .947-.947c.082-.199.11-.394.122-.572c.011-.165.011-.362.011-.576v-5.044c0-.214 0-.41-.011-.576a1.8 1.8 0 0 0-.122-.572a1.75 1.75 0 0 0-.947-.947a1.8 1.8 0 0 0-.572-.122c-.165-.011-.362-.011-.576-.011m-.62 1.52a.25.25 0 0 0-.132.131a1 1 0 0 0-.012.103a8 8 0 0 0-.008.496v5c0 .243 0 .388.008.496c.004.067.01.095.012.103a.25.25 0 0 0 .131.13a1 1 0 0 0 .103.013c.108.008.253.008.496.008s.388 0 .496-.008a1 1 0 0 0 .103-.012a.25.25 0 0 0 .13-.131a1 1 0 0 0 .013-.103c.008-.108.008-.253.008-.496v-5c0-.243 0-.388-.008-.496a1 1 0 0 0-.012-.103a.25.25 0 0 0-.131-.13a1 1 0 0 0-.103-.013a8 8 0 0 0-.496-.008c-.243 0-.388 0-.496.008a1 1 0 0 0-.103.012"/></g></svg>

Alarm Pause アイコンの使い方

React

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

<Icon icon="reicon:alarm-pause" width="24" />

Vue

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

<template>
  <Icon icon="reicon:alarm-pause" width="24" />
</template>

Svelte

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

<Icon icon="reicon:alarm-pause" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--alarm-pause]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:alarm-pause"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:alarm-pause"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/alarm-pause.svg" alt="Alarm Pause アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Alarm Pause アイコン

Alarm Pause アイコン のよくある質問

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

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

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

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

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

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

Reicon アイコン をすべて見る →