Alarm Pause アイコン
reicon:alarm-pause
Alarm Pause アイコン(reicon:alarm-pause)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、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
alarm-add
alarm-add-duotone
alarm-add-filled
alarm-check
alarm-check-filled
alarm-clock
alarm-clock-filled
alarm-clock-off
alarm-clock-off-filled
alarm-duotone
alarm-filled
alarm-minus
alarm-minus-filled
alarm-off
alarm-off-duotone
alarm-off-filled
alarm-pause-duotone
alarm-pause-filled
alarm-play
alarm-play-duotone
alarm-play-filled
alarm-plus
alarm-plus-filled
他のアイコンセットの 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 コードをページに直接貼り付けます。