account clock icon
account-clock from Material Design Icons by Pictogrammers · Filled · Account / User · Apache-2.0 Free for personal and commercial use.
- Name
- account-clock
- Set
- Material Design Icons
- Style
- Filled
- Category
- Account / User
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- account-pending, person-clock, user-clock
1 other variant in Material Design Icons
More account / user icons from Material Design Icons
accountaccount-alertaccount-arrow-downaccount-arrow-leftaccount-arrow-rightaccount-arrow-upaccount-badgeaccount-boxaccount-box-edit-outlineaccount-box-minus-outlineaccount-box-multipleaccount-box-plus-outlineaccount-cancelaccount-cardaccount-cashaccount-checkaccount-childaccount-child-circleaccount-circleaccount-cogaccount-convertaccount-cowboy-hataccount-credit-cardaccount-details
Use the account clock icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.63 14.1a7 7 0 0 1 9.27-3.47a7 7 0 0 1 3.47 9.27A6.98 6.98 0 0 1 17 24c-2.7 0-5.17-1.56-6.33-4H1v-2c.06-1.14.84-2.07 2.34-2.82S6.72 14.04 9 14c.57 0 1.11.05 1.63.1M9 4c1.12.03 2.06.42 2.81 1.17S12.93 6.86 12.93 8s-.37 2.08-1.12 2.83s-1.69 1.12-2.81 1.12s-2.06-.37-2.81-1.12S5.07 9.14 5.07 8s.37-2.08 1.12-2.83S7.88 4.03 9 4m8 18a5 5 0 0 0 5-5a5 5 0 0 0-5-5a5 5 0 0 0-5 5a5 5 0 0 0 5 5m-1-8h1.5v2.82l2.44 1.41l-.75 1.3L16 17.69z"/></svg>
React
import type { SVGProps } from "react";
export function MdiAccountClock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.63 14.1a7 7 0 0 1 9.27-3.47a7 7 0 0 1 3.47 9.27A6.98 6.98 0 0 1 17 24c-2.7 0-5.17-1.56-6.33-4H1v-2c.06-1.14.84-2.07 2.34-2.82S6.72 14.04 9 14c.57 0 1.11.05 1.63.1M9 4c1.12.03 2.06.42 2.81 1.17S12.93 6.86 12.93 8s-.37 2.08-1.12 2.83s-1.69 1.12-2.81 1.12s-2.06-.37-2.81-1.12S5.07 9.14 5.07 8s.37-2.08 1.12-2.83S7.88 4.03 9 4m8 18a5 5 0 0 0 5-5a5 5 0 0 0-5-5a5 5 0 0 0-5 5a5 5 0 0 0 5 5m-1-8h1.5v2.82l2.44 1.41l-.75 1.3L16 17.69z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.63 14.1a7 7 0 0 1 9.27-3.47a7 7 0 0 1 3.47 9.27A6.98 6.98 0 0 1 17 24c-2.7 0-5.17-1.56-6.33-4H1v-2c.06-1.14.84-2.07 2.34-2.82S6.72 14.04 9 14c.57 0 1.11.05 1.63.1M9 4c1.12.03 2.06.42 2.81 1.17S12.93 6.86 12.93 8s-.37 2.08-1.12 2.83s-1.69 1.12-2.81 1.12s-2.06-.37-2.81-1.12S5.07 9.14 5.07 8s.37-2.08 1.12-2.83S7.88 4.03 9 4m8 18a5 5 0 0 0 5-5a5 5 0 0 0-5-5a5 5 0 0 0-5 5a5 5 0 0 0 5 5m-1-8h1.5v2.82l2.44 1.41l-.75 1.3L16 17.69z"/></svg> </template>
CSS
.icon-account-clock {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.63%2014.1a7%207%200%200%201%209.27-3.47a7%207%200%200%201%203.47%209.27A6.98%206.98%200%200%201%2017%2024c-2.7%200-5.17-1.56-6.33-4H1v-2c.06-1.14.84-2.07%202.34-2.82S6.72%2014.04%209%2014c.57%200%201.11.05%201.63.1M9%204c1.12.03%202.06.42%202.81%201.17S12.93%206.86%2012.93%208s-.37%202.08-1.12%202.83s-1.69%201.12-2.81%201.12s-2.06-.37-2.81-1.12S5.07%209.14%205.07%208s.37-2.08%201.12-2.83S7.88%204.03%209%204m8%2018a5%205%200%200%200%205-5a5%205%200%200%200-5-5a5%205%200%200%200-5%205a5%205%200%200%200%205%205m-1-8h1.5v2.82l2.44%201.41l-.75%201.3L16%2017.69z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.63%2014.1a7%207%200%200%201%209.27-3.47a7%207%200%200%201%203.47%209.27A6.98%206.98%200%200%201%2017%2024c-2.7%200-5.17-1.56-6.33-4H1v-2c.06-1.14.84-2.07%202.34-2.82S6.72%2014.04%209%2014c.57%200%201.11.05%201.63.1M9%204c1.12.03%202.06.42%202.81%201.17S12.93%206.86%2012.93%208s-.37%202.08-1.12%202.83s-1.69%201.12-2.81%201.12s-2.06-.37-2.81-1.12S5.07%209.14%205.07%208s.37-2.08%201.12-2.83S7.88%204.03%209%204m8%2018a5%205%200%200%200%205-5a5%205%200%200%200-5-5a5%205%200%200%200-5%205a5%205%200%200%200%205%205m-1-8h1.5v2.82l2.44%201.41l-.75%201.3L16%2017.69z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/account-clock.svg?color=%231a73e8&size=48
