Icono Stopwatch Half
streamline-plump-color:stopwatch-half
El icono Stopwatch Half (streamline-plump-color:stopwatch-half) es un icono SVG gratuito de la colección Plump color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Plump color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Interfaz esencial
- Etiquetas
- stopwatchhalf
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M20.717 3.034c-1.355.034-2.555.787-2.68 2.137A9 9 0 0 0 18 6q.001.453.037.83c.125 1.35 1.325 2.102 2.68 2.136c.79.02 1.855.034 3.283.034s2.493-.014 3.283-.034c1.355-.034 2.555-.787 2.68-2.137a9 9 0 0 0 0-1.659c-.125-1.35-1.325-2.102-2.68-2.136C26.493 3.014 25.428 3 24 3s-2.493.014-3.283.034"/><path fill="#8fbffa" d="M24 45a18 18 0 0 0 0-36z"/><path fill="#fff" d="M39.665 18.134a18 18 0 0 0-5.395-5.917a96 96 0 0 1 2.14-2.084c1.114-1.05 2.627-1.315 3.798-.328c.327.276.696.613 1.107 1.024c.41.41.747.78 1.023 1.107c.987 1.17.722 2.683-.327 3.798a101 101 0 0 1-2.346 2.4M8.53 24.261c-1.408.033-2.504.96-2.527 2.368a23 23 0 0 0 0 .742c.023 1.408 1.119 2.335 2.527 2.368a42 42 0 0 0 1.94 0c1.408-.033 2.504-.96 2.527-2.368a22 22 0 0 0 0-.742c-.023-1.408-1.119-2.335-2.527-2.368a42 42 0 0 0-1.94 0m6.468-10.137c-1.02-.972-2.449-1.091-3.461-.112a22 22 0 0 0-.525.525c-.98 1.012-.86 2.442.112 3.46a42 42 0 0 0 1.373 1.373c1.018.972 2.448 1.092 3.46.112a23 23 0 0 0 .525-.524c.98-1.013.86-2.442-.112-3.461a42 42 0 0 0-1.372-1.373m1.372 24.38c.972-1.02 1.091-2.45.112-3.461a23 23 0 0 0-.525-.525c-1.012-.98-2.442-.86-3.46.112a42 42 0 0 0-1.373 1.373c-.973 1.018-1.092 2.448-.112 3.46a21 21 0 0 0 .524.525c1.013.98 2.442.86 3.461-.112a41 41 0 0 0 1.372-1.372Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M20.717 3.034c-1.355.034-2.555.787-2.68 2.137A9 9 0 0 0 18 6q.001.453.037.83c.125 1.35 1.325 2.102 2.68 2.136c.79.02 1.855.034 3.283.034s2.493-.014 3.283-.034c1.355-.034 2.555-.787 2.68-2.137a9 9 0 0 0 0-1.659c-.125-1.35-1.325-2.102-2.68-2.136C26.493 3.014 25.428 3 24 3s-2.493.014-3.283.034"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M24 45a18 18 0 0 0 0-36z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m39.665 18.134l.235-.234c.898-.898 1.587-1.61 2.11-2.166c1.05-1.115 1.315-2.628.328-3.798a18 18 0 0 0-1.023-1.107c-.411-.41-.78-.748-1.107-1.024c-1.17-.987-2.684-.721-3.798.328a98 98 0 0 0-2.14 2.084M8.53 24.261c-1.408.033-2.504.96-2.527 2.368a23 23 0 0 0 0 .742c.023 1.408 1.119 2.335 2.527 2.368a42 42 0 0 0 1.94 0c1.408-.033 2.504-.96 2.527-2.368a22 22 0 0 0 0-.742c-.023-1.408-1.119-2.335-2.527-2.368a42 42 0 0 0-1.94 0m6.468-10.137c-1.019-.972-2.449-1.091-3.461-.112a23 23 0 0 0-.525.525c-.98 1.012-.86 2.442.113 3.46a41 41 0 0 0 1.372 1.373c1.019.972 2.449 1.092 3.46.112a22 22 0 0 0 .526-.524c.979-1.013.86-2.442-.113-3.461a42 42 0 0 0-1.372-1.373m1.372 24.38c.972-1.02 1.091-2.45.112-3.461a22 22 0 0 0-.525-.525c-1.012-.98-2.442-.86-3.461.112a42 42 0 0 0-1.372 1.373c-.973 1.018-1.092 2.448-.113 3.46a22 22 0 0 0 .525.525c1.012.98 2.442.86 3.46-.112a42 42 0 0 0 1.373-1.372Z"/></g></svg>Cómo usar el icono Stopwatch Half
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:stopwatch-half" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:stopwatch-half" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:stopwatch-half" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--stopwatch-half]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:stopwatch-half"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:stopwatch-half"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/stopwatch-half.svg" alt="Icono Stopwatch Half" width="24" height="24">Iconos relacionados en Plump color icons
El icono Stopwatch Half en otras colecciones
Preguntas frecuentes sobre Icono Stopwatch Half
¿El icono Stopwatch Half es gratis para uso comercial?
Sí. Plump color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Stopwatch Half en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:stopwatch-half" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Stopwatch Half a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/stopwatch-half.svg" alt="Icono Stopwatch Half">, o pega el código SVG en línea para darle estilo con CSS.