Alarm Clock Off アイコン

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

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

reicon:alarm-clock-off

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 時刻
タグ: alarmclock、clockoff、alarmclockoff

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l.346.347A3.54 3.54 0 0 0 1.25 4.8c0 .543.123 1.06.342 1.522a.75.75 0 0 0 1.355-.644A2.04 2.04 0 0 1 2.75 4.8c0-.291.06-.568.17-.82l1.911 1.912a9.72 9.72 0 0 0-2.58 6.608c0 2.55.978 4.87 2.58 6.608L2.47 21.47a.75.75 0 1 0 1.06 1.06l2.4-2.4A9.7 9.7 0 0 0 12 22.25c2.55 0 4.872-.98 6.608-2.581l2.862 2.861a.75.75 0 1 0 1.06-1.06l-3.385-3.385l-.01-.011L6.425 5.366l-.01-.011l-3.06-3.06l-.006-.005l-.004-.005zm3.363 5.483a8.25 8.25 0 0 0 11.654 11.654z" clip-rule="evenodd"/><path d="M18.322 2.947a2.05 2.05 0 0 1 2.731 2.731a.75.75 0 1 0 1.355.644a3.55 3.55 0 0 0-4.73-4.73a.75.75 0 0 0 .644 1.355"/><path d="M8.604 4.979a8.25 8.25 0 0 1 10.917 10.917a.75.75 0 1 0 1.367.618a9.7 9.7 0 0 0 .862-4.014A9.75 9.75 0 0 0 12 2.75c-1.43 0-2.789.308-4.014.862a.75.75 0 1 0 .618 1.367"/></g></svg>

Alarm Clock Off アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:alarm-clock-off"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

他のアイコンセットの Alarm Clock Off アイコン

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

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

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

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

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

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

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

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