Time Stopwatch アイコン
streamline-freehand-color:time-stopwatch
Time Stopwatch アイコン(streamline-freehand-color:time-stopwatch)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- timestopwatch
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M18.756 7.534a8 8 0 0 0-1.088-.789a2.7 2.7 0 0 0 .43-.319q.163-.21.298-.44c.09-.151.32-.498.33-.528l.13.09c.309.2.628.36.917.579a.342.342 0 0 0 .49-.48a8 8 0 0 0-.73-.937a3 3 0 0 0-.787-.609a4.8 4.8 0 0 0-1.128-.41a.3.3 0 0 0-.409.13a.32.32 0 0 0 .13.41c.22.17.449.459.778.768h.07q-.24.099-.45.25a2.7 2.7 0 0 0-.438.309q-.174.2-.31.429l-.16.3a12 12 0 0 0-3.212-.999c.12 0 .1-.349.12-.429q.05-.176.07-.359q.036-.27 0-.539a8 8 0 0 0-.25-.997c.399 0 .808 0 1.257-.07c.352-.02.694-.122.998-.3a1 1 0 0 0 .38-.997a1.26 1.26 0 0 0-.53-.889A4 4 0 0 0 13.996.23A22 22 0 0 0 11.322 0a8.3 8.3 0 0 0-1.866.21a9 9 0 0 0-.898.21a1.8 1.8 0 0 0-.45.199a1.68 1.68 0 0 0-.797 1.746c.137.507.613.845 1.137.808l1.806-.18v.08l-.12.4c0 .11-.06.21-.07.319q-.03.254 0 .509q.045.294.16.568v.16q-.612.027-1.217.12a7.5 7.5 0 0 0-2.764.998l-.09-.17a4 4 0 0 0-.29-.4a3.4 3.4 0 0 0-.438-.299l-.21-.1l.08-.06c.36-.328.648-.708.998-1.117a.3.3 0 0 0 .06-.419a.31.31 0 0 0-.43-.06c-.438.22-.828.38-1.197.599a4 4 0 0 0-.469.34q-.225.192-.429.408q-.449.526-.808 1.118a.35.35 0 0 0 0 .489a.36.36 0 0 0 .489 0c.37-.31.728-.529 1.048-.768c-.06.08.17.319.19.349q.125.218.279.419q.191.17.409.31a8.54 8.54 0 0 0-2.744 4.19a11.07 11.07 0 0 0 .868 8.562a9.25 9.25 0 0 0 5.987 4.09a12 12 0 0 0 7.174-.389a.34.34 0 0 0 .2-.439a.35.35 0 0 0-.45-.19a10.4 10.4 0 0 1-3.741.62q.075-.292.12-.59q.014-.165 0-.329q.021-.165 0-.329a5 5 0 0 0-.3-.778a.32.32 0 0 0-.33-.27a.3.3 0 0 0-.269.33c-.07.309-.16.509-.2.758q-.015.165 0 .33c0 .1 0 .209.05.329q.067.263.16.519a12.4 12.4 0 0 1-2.185-.37a10.1 10.1 0 0 1-3.223-1.466c.17-.12.34-.23.49-.35q.23-.187.418-.419q.307-.467.48-.998a.29.29 0 0 0-.06-.419a.3.3 0 0 0-.42.05c-.24.18-.489.29-.728.47a2 2 0 0 0-.32.259a4 4 0 0 0-.239.299c-.11.18-.21.37-.32.569a6.5 6.5 0 0 1-1.446-1.786a10 10 0 0 1-1.118-4.181c.21.05.41.1.609.13q.3.036.599 0a4.4 4.4 0 0 0 .998-.29a.29.29 0 0 0 .269-.32a.3.3 0 0 0-.32-.279c-.299-.06-.548-.17-.848-.23a2 2 0 0 0-.369 0a2.4 2.4 0 0 0-.379 0q-.309.05-.609.14a10.2 10.2 0 0 1 .48-2.754a8.2 8.2 0 0 1 1.406-2.544c.19.24.31.479.5.718q.113.146.259.26q.14.13.309.22q.393.242.818.419a.34.34 0 0 0 .48-.06a.35.35 0 0 0-.07-.48c-.21-.259-.35-.498-.54-.708a2.4 2.4 0 0 0-.429-.409a4.4 4.4 0 0 0-.997-.449a6.36 6.36 0 0 1 3.771-1.896a12.7 12.7 0 0 1 2.515-.15a1 1 0 0 0 0 .13a2 2 0 0 0 0 .37q-.015.189 0 .379c0 .279.14.558.23.878a.35.35 0 0 0 .369.319a.35.35 0 0 0 .319-.37c0-.318.14-.588.17-.867a2 2 0 0 0 0-.589q.006-.09 0-.18c1.744.158 3.419.755 4.869 1.737l-.16.1q-.15.112-.28.249a2.4 2.4 0 0 0-.229.3q-.244.39-.439.807a.34.34 0 0 0 .53.43c.259-.2.508-.33.728-.52q.228-.163.419-.369q.11-.158.2-.329a8.2 8.2 0 0 1 2.514 5.708c-.27-.06-.51-.16-.789-.21a2 2 0 0 0-.369 0a1.6 1.6 0 0 0-.379 0q-.456.075-.898.21a.35.35 0 0 0-.33.359a.35.35 0 0 0 .36.33c.33.05.599.149.878.179q.3.036.599 0c.32-.043.632-.13.928-.26q.015.916-.07 1.826a7.1 7.1 0 0 1-.928 2.904q-.24.384-.519.739a.26.26 0 0 0-.1-.11c-.21-.26-.349-.5-.539-.709a2.4 2.4 0 0 0-.429-.409a4 4 0 0 0-.997-.449a.31.31 0 0 0-.43.06a.32.32 0 0 0 .07.43c.19.239.31.478.5.707q.11.154.259.27q.143.125.31.22q.393.24.817.418l.1.05a7.6 7.6 0 0 1-1.167.998a.303.303 0 1 0 .329.51a7.5 7.5 0 0 0 2.345-2.336a8 8 0 0 0 1.117-3.123c.619-4.65-.758-7.613-2.893-9.43M8.179 2.056a.76.76 0 0 1 .429-.55a1 1 0 0 1 .339-.109c.25 0 .499-.07.748-.11a8 8 0 0 1 1.627-.14q1.282.03 2.554.2q.508.025.998.16c.18.06.38.12.41.309c.03.19 0 .09-.09.11q-.215.07-.44.1c-.628.09-1.187.15-1.736.2c-1.996.169-3.612.129-4.49.129c-.26-.02-.36-.15-.35-.3m2.853 2.993l.06-.21c0-.14.07-.249.1-.389q.015-.13 0-.26a5 5 0 0 0-.08-.678c0-.538 0-.538 1.637-.499a6 6 0 0 0-.1.829a3 3 0 0 0 0 .519c0 .17.09.319.12.479s0 .19.06.319a15 15 0 0 0-1.827-.11z"/><path fill="#0c6fff" d="M10.573 15.017c-.08.65.244 1.283.819 1.597c.625.228 1.324.09 1.816-.36c1.347-1.177 0-2.284-.36-2.504a1.5 1.5 0 0 0-1.147-.13c-.19-.419-.36-.828-.559-1.217c-.11-.21-.23-.4-.35-.589s-.268-.379-.408-.548a14 14 0 0 0-1.098-1.218a.34.34 0 0 0-.469-.07a.34.34 0 0 0-.07.48c.23.398.45.877.739 1.396q.15.306.339.589q.18.292.4.559c.259.329.558.638.867.997a1.65 1.65 0 0 0-.519 1.018m1.946-.558c.34.11.998.558.15 1.077a.73.73 0 0 1-.759.08c-.18-.09-.21-.32-.2-.519c.01-.2 0-.459.26-.539a.62.62 0 0 1 .55-.1"/></g></svg>Time Stopwatch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:time-stopwatch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:time-stopwatch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:time-stopwatch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--time-stopwatch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:time-stopwatch"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:time-stopwatch"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/time-stopwatch.svg" alt="Time Stopwatch アイコン" width="24" height="24">Freehand color icons の関連アイコン
他のアイコンセットの Time Stopwatch アイコン
Time Stopwatch アイコン のよくある質問
Time Stopwatch アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Time Stopwatch アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:time-stopwatch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Time Stopwatch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/time-stopwatch.svg" alt="Time Stopwatch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。