Cuckoo Clock アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:cuckoo-clock

Cuckoo Clock アイコン(game-icons:cuckoo-clock)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: cuckooclock

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 15.27L95.64 175.6l12.76 12.8L256 40.73L403.6 188.4l12.8-12.8zm0 53.46L137 187.7V311h238V187.7zm0 82.27c40.2 0 73 32.8 73 73s-32.8 73-73 73s-73-32.8-73-73s32.8-73 73-73m-9 18.7c-26.2 4.3-46 26.9-46 54.3c0 30.5 24.5 55 55 55s55-24.5 55-55c0-27.4-19.8-50-46-54.3v38.4l13.1-7.8l9.2 15.4l-40.3 24.2zm227.4 106c-18.4 15.9-30.8 13-48.9 10.8c-3 23.1 3.3 49.3 12.2 68.2c-4.9.9-9.9 2.6-14.7 5.1c-16.1 8.3-25.1 22.8-20.2 32.3c5 9.5 22 10.4 38.1 2.1s25.1-22.8 20.2-32.3c-7-17.6-16.7-38.9-18.2-54.8c16.4.6 33.2-4.7 45.5-20.2zM215 329v82.6q4.5-.6 9-.6c4.5 0 6 .2 9 .6V329zm64 0v39.5c2.6-.3 5.3-.5 8-.5c3.4 0 6.7.2 10 .8V329zM95.22 383.7c-13.89 18.7-21.14 44.5-22.61 65.4c-4.7-1.7-9.98-2.6-15.37-2.8c-18.13-.6-33.12 7.6-33.48 18.3c-.34 10.7 14.05 19.9 32.16 20.5c18.12.6 33.1-7.6 33.46-18.3c2.71-19 4.49-41.8 11.02-56.7c14 8.6 31.3 12.2 49.6 4.7l-6.8-16.6c-23.5 5-33.5-3.8-47.98-14.5M287 386c-5 0-14 1-16.8 2.2c-1.3.6-2 1.2-2.2 1.4v52.8c.2.2.9.8 2.2 1.4C273 445 282 446 287 446s14-1 16.8-2.2c1.3-.6 2-1.2 2.2-1.4v-52.8c-.2-.2-.9-.8-2.2-1.4C301 387 292 386 287 386m-63 43c-5 0-14 1-16.8 2.2c-1.3.6-2 1.2-2.2 1.4v52.8c.2.2.9.8 2.2 1.4C210 488 219 489 224 489s14-1 16.8-2.2c1.3-.6 2-1.2 2.2-1.4v-52.8c-.2-.2-.9-.8-2.2-1.4C238 430 229 429 224 429"/></svg>

Cuckoo Clock アイコンの使い方

React

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

<Icon icon="game-icons:cuckoo-clock" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:cuckoo-clock" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:cuckoo-clock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--cuckoo-clock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:cuckoo-clock"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:cuckoo-clock"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/cuckoo-clock.svg" alt="Cuckoo Clock アイコン" width="24" height="24">

他のアイコンセットの Cuckoo Clock アイコン

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →