Watch アイコン
fxemoji:watch
Watch アイコン(fxemoji:watch)は、Firefox OS Emoji セットの無料 SVG アイコンです(作者: Mozilla)。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#597B91" d="M443.174 256c0 8.334-6.756 15.09-15.09 15.09s-15.09-6.756-15.09-15.09s6.756-15.09 15.09-15.09s15.09 6.756 15.09 15.09"/><path fill="#2B3B47" d="M319.747 512H197.082c-15.906 0-28.8-12.894-28.8-28.8V28.8c0-15.906 12.894-28.8 28.8-28.8h122.665c15.906 0 28.8 12.894 28.8 28.8v454.4c0 15.906-12.894 28.8-28.8 28.8"/><path fill="#BFBCAF" d="M428.084 256c0 95.039-77.045 172.084-172.084 172.084S83.916 351.039 83.916 256S160.961 83.916 256 83.916S428.084 160.961 428.084 256"/><path fill="#F9F9F7" d="M256 394.21c-76.209 0-138.209-62.002-138.209-138.211s62-138.207 138.209-138.207s138.209 61.998 138.209 138.207S332.209 394.21 256 394.21"/><path fill="#597B91" d="M266.48 163.463v93.992a8.637 8.637 0 0 1-8.638 8.637c-.383 0-.758-.034-1.128-.082c-.37.048-.745.082-1.128.082h-96.047a8.638 8.638 0 1 1 0-17.274h89.665v-85.355a8.637 8.637 0 0 1 8.638-8.637a8.637 8.637 0 0 1 8.638 8.637"/></svg>Watch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:watch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:watch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:watch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--watch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:watch"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:watch"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/watch.svg" alt="Watch アイコン" width="24" height="24">他のアイコンセットの Watch アイコン
Watch アイコン のよくある質問
Watch アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Watch アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:watch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Watch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/watch.svg" alt="Watch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。