ICONYZ
日本語
Reicon の Smartwatch アイコン

Smartwatch アイコン

reicon:smartwatch

Smartwatch アイコン(reicon:smartwatch)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
デバイス
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 8a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 .364.643l2.5 1.5a.75.75 0 1 0 .772-1.286l-2.136-1.282z"/><path fill-rule="evenodd" d="M4.713 6.07a4.25 4.25 0 0 1 1.619-1.726l.696-2.61A2 2 0 0 1 8.96.25h6.08a2 2 0 0 1 1.932 1.484l.696 2.61a4.25 4.25 0 0 1 1.619 1.726c.253.498.361 1.04.413 1.67c.05.614.05 1.375.05 2.327v3.865c0 .953 0 1.713-.05 2.328c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.619 1.725l-.696 2.61a2 2 0 0 1-1.932 1.485H8.96a2 2 0 0 1-1.932-1.485l-.696-2.61a4.25 4.25 0 0 1-1.619-1.726c-.253-.497-.361-1.04-.413-1.67c-.05-.614-.05-1.374-.05-2.327v-3.865c0-.952 0-1.713.05-2.327c.052-.63.16-1.172.413-1.67M8.24 3.8l-.216.02l.453-1.7a.5.5 0 0 1 .483-.37h6.08a.5.5 0 0 1 .483.37l.453 1.7l-.216-.02c-.614-.05-1.375-.05-2.327-.05h-2.866c-.952 0-1.713 0-2.327.05m7.52 16.4l.216-.02l-.453 1.699a.5.5 0 0 1-.483.371H8.96a.5.5 0 0 1-.483-.371l-.453-1.7q.106.012.216.02c.614.05 1.375.05 2.327.05h2.866c.952 0 1.713 0 2.327-.05M8.362 5.295c-.537.044-.86.127-1.11.255a2.75 2.75 0 0 0-1.202 1.2c-.128.251-.21.574-.255 1.111c-.044.546-.045 1.245-.045 2.238v3.8c0 .992 0 1.691.045 2.237c.044.538.127.86.255 1.111a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h2.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.202c.128-.25.21-.573.255-1.11c.044-.547.045-1.246.045-2.238v-3.8c0-.993 0-1.692-.045-2.238c-.044-.537-.127-.86-.255-1.11a2.75 2.75 0 0 0-1.2-1.201c-.252-.128-.574-.211-1.111-.255c-.546-.045-1.245-.045-2.238-.045h-2.8c-.992 0-1.692 0-2.238.045" clip-rule="evenodd"/></g></svg>

Smartwatch アイコンの使い方

React

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

<Icon icon="reicon:smartwatch" width="24" />

Vue

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

<template>
  <Icon icon="reicon:smartwatch" width="24" />
</template>

Svelte

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

<Icon icon="reicon:smartwatch" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:smartwatch"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/smartwatch.svg" alt="Smartwatch アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Smartwatch アイコン

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

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

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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