Watch Solid アイコン
mynaui:watch-solid
Watch Solid アイコン(mynaui:watch-solid)は、Myna UI Icons セットの無料 SVG アイコンです(作者: Praveen Juge)。 24 × 24 のグリッドで描かれています。 Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Myna UI Icons
- 作者
- Praveen Juge
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- watchsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.681 2.25c-.673 0-1.224.237-1.649.634c-.404.378-.66.87-.834 1.34a9 9 0 0 0-.373 1.429l-.092.504q-.048.276-.095.51C6.498 7.303 5.75 8.586 5.75 10v4c0 1.415.748 2.698 1.888 3.332q.047.235.095.511q.04.23.092.504c.086.45.198.956.373 1.43c.174.47.43.961.834 1.34c.425.396.976.633 1.65.633h2.637c.673 0 1.224-.237 1.649-.634c.405-.378.66-.87.834-1.34c.175-.473.287-.979.373-1.429l.092-.504q.048-.276.095-.51c1.14-.635 1.888-1.918 1.888-3.333v-4c0-1.415-.748-2.698-1.888-3.332q-.047-.235-.095-.511l-.092-.504a9 9 0 0 0-.373-1.43c-.174-.47-.43-.961-.834-1.34a2.35 2.35 0 0 0-1.65-.633zm-1.431 4h-.01l.059-.315c.082-.43.175-.837.306-1.191c.133-.358.285-.609.452-.765c.147-.138.333-.229.624-.229h2.638c.291 0 .477.091.624.23c.167.155.32.406.452.764c.13.354.224.762.306 1.19q.03.153.058.316zm.049 11.815q-.03-.152-.058-.315h5.519l-.059.315a7.6 7.6 0 0 1-.306 1.191c-.133.358-.285.609-.452.765c-.147.138-.333.229-.624.229H10.68c-.291 0-.477-.091-.624-.23c-.167-.155-.32-.406-.452-.764a7.6 7.6 0 0 1-.306-1.19M12.75 10v2.084l1.25.78a.75.75 0 0 1-.793 1.272l-1.604-1a.75.75 0 0 1-.353-.636V10a.75.75 0 0 1 1.5 0"/></svg>Watch Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mynaui:watch-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mynaui:watch-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mynaui:watch-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--watch-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:watch-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mynaui:watch-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mynaui/watch-solid.svg" alt="Watch Solid アイコン" width="24" height="24">Myna UI Icons の関連アイコン
他のアイコンセットの Watch Solid アイコン
Watch Solid アイコン のよくある質問
Watch Solid アイコンは商用利用でも無料ですか?
はい。Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Watch Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="mynaui:watch-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Watch Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mynaui/watch-solid.svg" alt="Watch Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。