Alarm Clock Check Fill アイコン

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

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

keyline-icons:alarm-clock-check-fill

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: alarmclock、clockcheck、checkfill、alarmclockcheckfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M12 4C16.9706 4 21 8.0294 21 13C21 17.9706 16.9706 22 12 22C7.0294 22 3 17.9706 3 13C3 8.0294 7.0294 4 12 4ZM8.4546 14.2628L10.6543 16.5255C10.8426 16.7191 11.1012 16.8284 11.3713 16.8284C11.7197 16.8284 12.0429 16.6471 12.2246 16.3499L15.6817 10.6931C15.7776 10.5361 15.8284 10.3556 15.8284 10.1716C15.8284 9.6193 15.3807 9.1716 14.8284 9.1716C14.48 9.1716 14.1568 9.3529 13.9751 9.6501L11.1901 14.2073L9.8886 12.8687C9.7003 12.675 9.4417 12.5657 9.1716 12.5657C8.6193 12.5657 8.1716 13.0134 8.1716 13.5657C8.1716 13.8261 8.2731 14.0761 8.4546 14.2628Z" clip-rule="evenodd" stroke="none"/><path d="M3 5.0627C4.1606 3.7467 5.5957 2.7013 7.2042 2M21 5.0627C19.8394 3.7467 18.4043 2.7013 16.7958 2M8 19.9282L6.8038 22M16 19.9282L17.1962 22"/></g></svg>

Alarm Clock Check Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--alarm-clock-check-fill]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:alarm-clock-check-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/alarm-clock-check-fill.svg" alt="Alarm Clock Check Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →