Stopwatch Half Flat アイコン
streamline-plump-color:stopwatch-half-flat
Stopwatch Half Flat アイコン(streamline-plump-color:stopwatch-half-flat)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- stopwatchhalf、halfflat、stopwatchhalfflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M43.484 10.969a19 19 0 0 0-1.11-1.2a19 19 0 0 0-1.2-1.11c-1.916-1.616-4.294-1.029-5.793.381a102 102 0 0 0-2.41 2.355a18 18 0 0 1 7.41 8.142l.58-.576a102 102 0 0 0 2.142-2.2c1.41-1.498 1.997-3.876.381-5.792M17.5 4.5q0-.317.025-.594c.14-1.617 1.638-2.343 3.002-2.374c.81-.018 1.931-.032 3.473-.032s2.664.014 3.473.032c1.364.031 2.862.757 3.002 2.374a7 7 0 0 1 0 1.188c-.14 1.617-1.638 2.343-3.002 2.374c-.81.018-1.931.032-3.473.032s-2.664-.014-3.473-.032c-1.364-.031-2.862-.757-3.002-2.374A7 7 0 0 1 17.5 4.5m-7.188 8.955q.19-.19.364-.355c1.243-1.191 2.979-1.003 4.158.117a44 44 0 0 1 1.61 1.609c1.12 1.18 1.307 2.915.117 4.159a24 24 0 0 1-.72.719c-1.243 1.19-2.979 1.003-4.159-.117a45 45 0 0 1-1.608-1.61c-1.12-1.179-1.309-2.915-.118-4.158q.166-.173.356-.364"/><path fill="#8fbffa" d="M24 46.5a19.5 19.5 0 0 0 0-39A1.5 1.5 0 0 0 22.5 9v36a1.5 1.5 0 0 0 1.5 1.5"/><path fill="#2859c5" d="M4.5 27q0-.295.006-.555c.036-1.747 1.405-2.894 3.075-2.934a39 39 0 0 1 1.838 0c1.67.04 3.039 1.187 3.075 2.934a27 27 0 0 1 0 1.11c-.036 1.747-1.405 2.894-3.075 2.934a39 39 0 0 1-1.838 0c-1.67-.04-3.039-1.187-3.075-2.934A27 27 0 0 1 4.5 27m11.705 7.938q.19.19.356.363c1.19 1.243 1.003 2.98-.118 4.159a44 44 0 0 1-1.608 1.609c-1.18 1.12-2.916 1.308-4.16.117a24 24 0 0 1-.719-.719c-1.19-1.243-1.002-2.98.118-4.159a44 44 0 0 1 1.609-1.609c1.18-1.12 2.915-1.308 4.159-.117q.173.165.363.356"/></g></svg>Stopwatch Half Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:stopwatch-half-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:stopwatch-half-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:stopwatch-half-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--stopwatch-half-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:stopwatch-half-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:stopwatch-half-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/stopwatch-half-flat.svg" alt="Stopwatch Half Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
Stopwatch Half Flat アイコン のよくある質問
Stopwatch Half Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Stopwatch Half Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:stopwatch-half-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stopwatch Half Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/stopwatch-half-flat.svg" alt="Stopwatch Half Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。