Digital Watch アイコン

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

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

arcticons:digital-watch

Digital Watch アイコン(arcticons:digital-watch)は、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
タグ: digitalwatch

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="m30.814 36.08l-.453 5.656a2.04 2.04 0 0 1-2.024 1.764H17.946a2.04 2.04 0 0 1-2.024-1.763l-.453-5.658M26.556 43.5v-6.757m-6.83 6.757v-6.757m.737-2.945h5.133m-8.469-7.19v-5.183m2.599 5.183v-5.183m6.567 5.183v-5.183m2.526 5.183v-5.183m1.995-9.571l-.453-5.59A2.04 2.04 0 0 0 28.337 4.5H17.946c-1.02 0-1.885.753-2.024 1.764l-.453 5.59M26.556 4.5v6.79m-6.83-6.79v6.79"/><circle cx="23.142" cy="25.608" r=".75" fill="currentColor"/><circle cx="23.142" cy="22.425" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.867 20.12h1.717v3.89H35.87m-.003 1.856h1.717V28.5H35.87"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.869 17.677v12.679a2.95 2.95 0 0 1-1.003 2.216l-3.745 3.29a3.54 3.54 0 0 1-2.338.88H17.5c-.86 0-1.691-.312-2.338-.88l-3.744-3.29a2.95 2.95 0 0 1-1.003-2.216v-12.68a2.95 2.95 0 0 1 1.003-2.216l3.744-3.29a3.54 3.54 0 0 1 2.338-.88h11.282c.86 0 1.692.313 2.338.88l3.744 3.29a2.95 2.95 0 0 1 1.004 2.217"/><rect width="20.665" height="15.334" x="12.809" y="16.349" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="3.057" ry="3.057"/></svg>

Digital Watch アイコンの使い方

React

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

<Icon icon="arcticons:digital-watch" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:digital-watch" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:digital-watch" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:digital-watch"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/digital-watch.svg" alt="Digital Watch アイコン" width="24" height="24">

Arcticons の関連アイコン

Digital Watch アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →