Smartwatch Filled アイコン
reicon:smartwatch-filled
Smartwatch Filled アイコン(reicon:smartwatch-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、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="m16.972 1.735l.696 2.61a4.25 4.25 0 0 1 1.619 1.726c.253.497.361 1.04.413 1.67c.05.613.05 1.374.05 2.326v3.866c0 .952 0 1.713-.05 2.327c-.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-.613-.05-1.374-.05-2.326v-3.866c0-.952 0-1.713.05-2.327c.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 8.96.25h6.08a2 2 0 0 1 1.932 1.485m-8.61 3.56c-.537.044-.86.127-1.11.255A2.75 2.75 0 0 0 6.05 6.752c-.128.25-.21.573-.255 1.11c-.044.546-.045 1.246-.045 2.238v3.8c0 .992 0 1.692.045 2.238c.044.537.127.86.255 1.11a2.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.201c.128-.252.21-.574.255-1.111c.044-.546.045-1.246.045-2.238v-3.8c0-.992 0-1.692-.045-2.238c-.044-.537-.127-.86-.255-1.11a2.75 2.75 0 0 0-1.2-1.202c-.252-.128-.574-.21-1.111-.255c-.546-.044-1.245-.045-2.238-.045h-2.8c-.992 0-1.692 0-2.238.045" clip-rule="evenodd"/></g></svg>Smartwatch Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:smartwatch-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:smartwatch-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:smartwatch-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--smartwatch-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:smartwatch-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:smartwatch-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/smartwatch-filled.svg" alt="Smartwatch Filled アイコン" width="24" height="24">Reicon の関連アイコン
Smartwatch Filled アイコン のよくある質問
Smartwatch Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Smartwatch Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:smartwatch-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smartwatch Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/smartwatch-filled.svg" alt="Smartwatch Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。