Alarm Clock アイコン
emojione-v1:alarm-clock
Alarm Clock アイコン(emojione-v1:alarm-clock)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- alarmclock
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#c2986b" d="M6.128 61.66c-.215-.293.406-2.372.532-2.521c3.271-3.808 3.391-16.06 3.324-17.806c-.164-4.03 1.972-8.106 3.774-7.225c1.74.85 3.104 9.23 3.439 10.907c.827 4.101.503 9.01-.825 12.898c-1.402 4.117-6.821 8.295-10.244 3.747m51.847 0c.214-.293-.406-2.372-.533-2.521c-3.271-3.808-3.39-16.06-3.323-17.806c.163-4.03-1.973-8.106-3.775-7.225c-1.739.85-3.103 9.23-3.438 10.907c-.827 4.101-.503 9.01.825 12.898c1.401 4.117 6.82 8.295 10.244 3.747"/><path fill="#fbb041" d="M2.421 17.334c2.16 2.161 7.245.573 11.367-3.55c4.12-4.12 5.708-9.203 3.548-11.365C15.181.266 6.522-1.72 2.4 2.4c-4.12 4.12-2.134 12.781.021 14.934m58.999 0c-2.159 2.161-7.244.573-11.366-3.55c-4.12-4.12-5.708-9.203-3.549-11.365C48.661.266 57.319-1.72 61.441 2.4c4.12 4.12 2.134 12.781-.021 14.934"/><path fill="#a7a8ac" d="M60.809 33.07c0 15.979-12.95 28.932-28.93 28.932S2.948 49.05 2.948 33.07c0-15.976 12.95-27.1 28.93-27.1s28.931 11.123 28.931 27.1"/><path fill="#e7e6e6" d="M53.53 33.3c0 11.961-9.694 21.656-21.656 21.656S10.218 45.261 10.218 33.3c0-11.958 9.695-20.283 21.656-20.283S53.53 21.342 53.53 33.3"/><g fill="#25333a"><path d="M34.555 35.13c0 1.756-1.395 3.176-3.117 3.176s-3.117-1.42-3.117-3.176V20.204c0-1.751 1.395-3.171 3.117-3.171c1.723 0 3.117 1.42 3.117 3.171z"/><path d="M31.625 38.31c-1.828 0-3.305-.968-3.305-2.161c0-1.19 1.477-2.157 3.305-2.157h15.557c1.827 0 3.308.967 3.308 2.157c0 1.193-1.48 2.161-3.308 2.161z"/></g></svg>
Alarm Clock アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:alarm-clock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:alarm-clock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:alarm-clock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--alarm-clock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:alarm-clock"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:alarm-clock"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/alarm-clock.svg" alt="Alarm Clock アイコン" width="24" height="24">
他のアイコンセットの Alarm Clock アイコン
Alarm Clock アイコン のよくある質問
Alarm Clock アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Alarm Clock アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:alarm-clock" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Alarm Clock アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/alarm-clock.svg" alt="Alarm Clock アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
