Watch Round Bold アイコン

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

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

solar:watch-round-bold

Watch Round Bold アイコン(solar:watch-round-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 時刻
タグ: watchround、roundbold、watchroundbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 18.9767C15.866 18.9767 19 15.8531 19 12C19 8.14685 15.866 5.02326 12 5.02326C8.13401 5.02326 5 8.14685 5 12C5 15.8531 8.13401 18.9767 12 18.9767ZM12 8.44007C12.3866 8.44007 12.7 8.75243 12.7 9.13775V11.703L14.3518 13.286C14.6305 13.5531 14.6392 13.9947 14.3713 14.2725C14.1033 14.5502 13.6602 14.5589 13.3815 14.2918L11.5148 12.5029C11.3776 12.3714 11.3 12.1898 11.3 12V9.13775C11.3 8.75243 11.6134 8.44007 12 8.44007Z" clip-rule="evenodd"/><path d="M9.85849 2.07434C10.4136 1.99995 11.1129 1.99997 11.9515 2H12.0485C12.8871 1.99997 13.5864 1.99995 14.1415 2.07434C14.7275 2.15285 15.2565 2.32557 15.6816 2.74926C16.1067 3.17296 16.28 3.70021 16.3587 4.28421C16.3832 4.46531 16.3996 4.66181 16.4107 4.87353C15.1287 4.08373 13.6178 3.62791 12 3.62791C10.3822 3.62791 8.87125 4.08373 7.58934 4.87353C7.60039 4.66181 7.61682 4.46531 7.64125 4.28421C7.72003 3.70021 7.89332 3.17296 8.31843 2.74926C8.74353 2.32557 9.27254 2.15285 9.85849 2.07434Z"/><path d="M15.6816 21.2507C16.1067 20.827 16.28 20.2998 16.3587 19.7158C16.3832 19.5347 16.3996 19.3382 16.4107 19.1265C15.1287 19.9163 13.6178 20.3721 12 20.3721C10.3822 20.3721 8.87125 19.9163 7.58934 19.1265C7.60039 19.3382 7.61682 19.5347 7.64125 19.7158C7.72003 20.2998 7.89332 20.827 8.31843 21.2507C8.74353 21.6744 9.27254 21.8471 9.85849 21.9257C10.4136 22 11.1129 22 11.9515 22H12.0485C12.8871 22 13.5864 22 14.1415 21.9257C14.7275 21.8471 15.2565 21.6744 15.6816 21.2507Z"/></g></svg>

Watch Round Bold アイコンの使い方

React

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

<Icon icon="solar:watch-round-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:watch-round-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:watch-round-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--watch-round-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:watch-round-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:watch-round-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/watch-round-bold.svg" alt="Watch Round Bold アイコン" width="24" height="24">

Solar の関連アイコン

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

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

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

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

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

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

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

Solar アイコンをすべて見る →