stopwatch play icon

stopwatch-play-line-duotone from Solar by 480 Design · Line Duotone · Time · CC-BY-4.0 Attribution required.

Name
stopwatch-play-line-duotone
Set
Solar
Style
Line Duotone
Category
Time
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

More time icons from Solar

Use the stopwatch play icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="13" r="9" opacity=".5"/><path stroke-linecap="round" d="M10 2H14"/><path d="M13.8876 10.9348C14.9625 11.8117 15.5 12.2501 15.5 13C15.5 13.7499 14.9625 14.1883 13.8876 15.0652C13.5909 15.3073 13.2966 15.5352 13.0261 15.7251C12.7888 15.8917 12.5201 16.064 12.2419 16.2332C11.1695 16.8853 10.6333 17.2114 10.1524 16.8504C9.6715 16.4894 9.62779 15.7336 9.54038 14.2222C9.51566 13.7947 9.5 13.3757 9.5 13C9.5 12.6243 9.51566 12.2053 9.54038 11.7778C9.62779 10.2664 9.6715 9.51061 10.1524 9.1496C10.6333 8.78859 11.1695 9.11466 12.2419 9.76679C12.5201 9.93597 12.7888 10.1083 13.0261 10.2749C13.2966 10.4648 13.5909 10.6927 13.8876 10.9348Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarStopwatchPlayLineDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="12" cy="13" r="9" opacity=".5"/><path strokeLinecap="round" d="M10 2H14"/><path d="M13.8876 10.9348C14.9625 11.8117 15.5 12.2501 15.5 13C15.5 13.7499 14.9625 14.1883 13.8876 15.0652C13.5909 15.3073 13.2966 15.5352 13.0261 15.7251C12.7888 15.8917 12.5201 16.064 12.2419 16.2332C11.1695 16.8853 10.6333 17.2114 10.1524 16.8504C9.6715 16.4894 9.62779 15.7336 9.54038 14.2222C9.51566 13.7947 9.5 13.3757 9.5 13C9.5 12.6243 9.51566 12.2053 9.54038 11.7778C9.62779 10.2664 9.6715 9.51061 10.1524 9.1496C10.6333 8.78859 11.1695 9.11466 12.2419 9.76679C12.5201 9.93597 12.7888 10.1083 13.0261 10.2749C13.2966 10.4648 13.5909 10.6927 13.8876 10.9348Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="13" r="9" opacity=".5"/><path stroke-linecap="round" d="M10 2H14"/><path d="M13.8876 10.9348C14.9625 11.8117 15.5 12.2501 15.5 13C15.5 13.7499 14.9625 14.1883 13.8876 15.0652C13.5909 15.3073 13.2966 15.5352 13.0261 15.7251C12.7888 15.8917 12.5201 16.064 12.2419 16.2332C11.1695 16.8853 10.6333 17.2114 10.1524 16.8504C9.6715 16.4894 9.62779 15.7336 9.54038 14.2222C9.51566 13.7947 9.5 13.3757 9.5 13C9.5 12.6243 9.51566 12.2053 9.54038 11.7778C9.62779 10.2664 9.6715 9.51061 10.1524 9.1496C10.6333 8.78859 11.1695 9.11466 12.2419 9.76679C12.5201 9.93597 12.7888 10.1083 13.0261 10.2749C13.2966 10.4648 13.5909 10.6927 13.8876 10.9348Z"/></g></svg>
</template>

CSS

.icon-stopwatch-play-line-duotone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%229%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%202H14%22%2F%3E%3Cpath%20d%3D%22M13.8876%2010.9348C14.9625%2011.8117%2015.5%2012.2501%2015.5%2013C15.5%2013.7499%2014.9625%2014.1883%2013.8876%2015.0652C13.5909%2015.3073%2013.2966%2015.5352%2013.0261%2015.7251C12.7888%2015.8917%2012.5201%2016.064%2012.2419%2016.2332C11.1695%2016.8853%2010.6333%2017.2114%2010.1524%2016.8504C9.6715%2016.4894%209.62779%2015.7336%209.54038%2014.2222C9.51566%2013.7947%209.5%2013.3757%209.5%2013C9.5%2012.6243%209.51566%2012.2053%209.54038%2011.7778C9.62779%2010.2664%209.6715%209.51061%2010.1524%209.1496C10.6333%208.78859%2011.1695%209.11466%2012.2419%209.76679C12.5201%209.93597%2012.7888%2010.1083%2013.0261%2010.2749C13.2966%2010.4648%2013.5909%2010.6927%2013.8876%2010.9348Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%229%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%202H14%22%2F%3E%3Cpath%20d%3D%22M13.8876%2010.9348C14.9625%2011.8117%2015.5%2012.2501%2015.5%2013C15.5%2013.7499%2014.9625%2014.1883%2013.8876%2015.0652C13.5909%2015.3073%2013.2966%2015.5352%2013.0261%2015.7251C12.7888%2015.8917%2012.5201%2016.064%2012.2419%2016.2332C11.1695%2016.8853%2010.6333%2017.2114%2010.1524%2016.8504C9.6715%2016.4894%209.62779%2015.7336%209.54038%2014.2222C9.51566%2013.7947%209.5%2013.3757%209.5%2013C9.5%2012.6243%209.51566%2012.2053%209.54038%2011.7778C9.62779%2010.2664%209.6715%209.51061%2010.1524%209.1496C10.6333%208.78859%2011.1695%209.11466%2012.2419%209.76679C12.5201%209.93597%2012.7888%2010.1083%2013.0261%2010.2749C13.2966%2010.4648%2013.5909%2010.6927%2013.8876%2010.9348Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/stopwatch-play-line-duotone.svg?color=%231a73e8&size=48