clock user icon

clock-user-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: clock-user-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

clock-user clock-user-bold clock-user-duotone clock-user-fill clock-user-thin

Related icons in Phosphor

clock-afternoon clock-clockwise clock-countdown clock-counter-clockwise

Use the clock user icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M134 72v46.29l39.32-19.66a6 6 0 0 1 5.36 10.74l-48 24A6 6 0 0 1 122 128V72a6 6 0 0 1 12 0m-6 146a90 90 0 1 1 90-90a6 6 0 0 0 12 0a102 102 0 1 0-102 102a6 6 0 0 0 0-12m101.8 4.46a6 6 0 0 1-11.6 3.08C215.14 214 204.37 206 192 206s-23.14 8-26.2 19.54A6 6 0 0 1 160 230a6.3 6.3 0 0 1-1.54-.2a6 6 0 0 1-4.26-7.34A38.1 38.1 0 0 1 172.72 199a30 30 0 1 1 38.56 0a38.1 38.1 0 0 1 18.52 23.46M174 176a18 18 0 1 0 18-18a18 18 0 0 0-18 18"/></svg>

React

import type { SVGProps } from "react";

export function PhClockUserLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M134 72v46.29l39.32-19.66a6 6 0 0 1 5.36 10.74l-48 24A6 6 0 0 1 122 128V72a6 6 0 0 1 12 0m-6 146a90 90 0 1 1 90-90a6 6 0 0 0 12 0a102 102 0 1 0-102 102a6 6 0 0 0 0-12m101.8 4.46a6 6 0 0 1-11.6 3.08C215.14 214 204.37 206 192 206s-23.14 8-26.2 19.54A6 6 0 0 1 160 230a6.3 6.3 0 0 1-1.54-.2a6 6 0 0 1-4.26-7.34A38.1 38.1 0 0 1 172.72 199a30 30 0 1 1 38.56 0a38.1 38.1 0 0 1 18.52 23.46M174 176a18 18 0 1 0 18-18a18 18 0 0 0-18 18"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M134 72v46.29l39.32-19.66a6 6 0 0 1 5.36 10.74l-48 24A6 6 0 0 1 122 128V72a6 6 0 0 1 12 0m-6 146a90 90 0 1 1 90-90a6 6 0 0 0 12 0a102 102 0 1 0-102 102a6 6 0 0 0 0-12m101.8 4.46a6 6 0 0 1-11.6 3.08C215.14 214 204.37 206 192 206s-23.14 8-26.2 19.54A6 6 0 0 1 160 230a6.3 6.3 0 0 1-1.54-.2a6 6 0 0 1-4.26-7.34A38.1 38.1 0 0 1 172.72 199a30 30 0 1 1 38.56 0a38.1 38.1 0 0 1 18.52 23.46M174 176a18 18 0 1 0 18-18a18 18 0 0 0-18 18"/></svg>
</template>

CSS

.icon-clock-user-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M134%2072v46.29l39.32-19.66a6%206%200%200%201%205.36%2010.74l-48%2024A6%206%200%200%201%20122%20128V72a6%206%200%200%201%2012%200m-6%20146a90%2090%200%201%201%2090-90a6%206%200%200%200%2012%200a102%20102%200%201%200-102%20102a6%206%200%200%200%200-12m101.8%204.46a6%206%200%200%201-11.6%203.08C215.14%20214%20204.37%20206%20192%20206s-23.14%208-26.2%2019.54A6%206%200%200%201%20160%20230a6.3%206.3%200%200%201-1.54-.2a6%206%200%200%201-4.26-7.34A38.1%2038.1%200%200%201%20172.72%20199a30%2030%200%201%201%2038.56%200a38.1%2038.1%200%200%201%2018.52%2023.46M174%20176a18%2018%200%201%200%2018-18a18%2018%200%200%200-18%2018%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M134%2072v46.29l39.32-19.66a6%206%200%200%201%205.36%2010.74l-48%2024A6%206%200%200%201%20122%20128V72a6%206%200%200%201%2012%200m-6%20146a90%2090%200%201%201%2090-90a6%206%200%200%200%2012%200a102%20102%200%201%200-102%20102a6%206%200%200%200%200-12m101.8%204.46a6%206%200%200%201-11.6%203.08C215.14%20214%20204.37%20206%20192%20206s-23.14%208-26.2%2019.54A6%206%200%200%201%20160%20230a6.3%206.3%200%200%201-1.54-.2a6%206%200%200%201-4.26-7.34A38.1%2038.1%200%200%201%20172.72%20199a30%2030%200%201%201%2038.56%200a38.1%2038.1%200%200%201%2018.52%2023.46M174%20176a18%2018%200%201%200%2018-18a18%2018%200%200%200-18%2018%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/clock-user-light.svg?color=%231a73e8&size=48