Cronometer アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:cronometer

Cronometer アイコン(arcticons:cronometer)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.561 19.542a11.94 11.94 0 0 1 2.598 7.631c0 5.994-5.318 16.327-10.592 16.327c-1.234 0-1.098-.28-3.81-.28s-2.577.28-3.811.28c-5.275 0-10.593-10.333-10.593-16.327c0-4.623 2.547-9.911 7.444-9.911c4.466 0 3.643 1.488 6.96 1.488s2.492-1.488 6.959-1.488h.085"/><circle cx="23.756" cy="30.381" r="8.81" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="23.756" cy="30.381" r="4.986" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="23.756" cy="30.381" r="1.516" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m23.756 30.381l12.523-16.489m-11.645 2.831c.999-1.312.266-4.192-2.39-6.503c-1.955-1.701-7.992-3.33-10.323-5.72c1.195 5.955 3.842 9.637 7.796 11.537c3.546 1.705 4.433 1.322 4.917.686"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.286 13.04a11 11 0 0 0 5.453 3.528m1.354-1.764c.725.851 2.683.89 4.662-1.891a9.8 9.8 0 0 0 2.037-4.858c-1.234 1.606-2.919 1.077-5.19 2.919c-2.107 1.707-2.224 2.991-1.51 3.83"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.093 14.804a4.6 4.6 0 0 0 2.644-1.891m7.183 1.453c-.06-1.631-.805-2.547-2.256-2.202c-2.043.485-3.82 5.972-2.469 8.421m4.725-6.219c1.586-.381 2.668.09 2.726 1.582c.08 2.097-4.728 5.282-7.45 4.637"/></svg>

Cronometer アイコンの使い方

React

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

<Icon icon="arcticons:cronometer" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:cronometer" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:cronometer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--cronometer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:cronometer"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:cronometer"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/cronometer.svg" alt="Cronometer アイコン" width="24" height="24">

Cronometer アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →