clock star four points icon

clock-star-four-points-outline from Material Design Icons by Pictogrammers · Outline · Date / Time · Apache-2.0 Free for personal and commercial use.

Name: clock-star-four-points-outline
Set: Material Design Icons
Style: Outline
Category: Date / Time
Viewbox: 24×24
License: Apache 2.0
Aliases: clock-auto-outline

1 other variant in Material Design Icons

clock-star-four-points

Use the clock star four points icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20c.4 0 .7 0 1.1-.1c.1.7.3 1.4.6 1.9c-.5.1-1.1.2-1.7.2c-5.5 0-10-4.5-10-10S6.5 2 12 2s10 4.5 10 10c0 .5-.08.97-.16 1.5l-.04.2c-.6-.3-1.2-.5-1.9-.6c.1-.4.1-.7.1-1.1c0-4.4-3.6-8-8-8s-8 3.6-8 8s3.6 8 8 8m.5-7.7l3.1 1.8c-.4.3-.8.6-1.1 1L11 13V7h1.5zm5.24 5.45L19 15l1.25 2.75L23 19l-2.75 1.26L19 23l-1.26-2.74L15 19z"/></svg>

React

import type { SVGProps } from "react";

export function MdiClockStarFourPointsOutline(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="M12 20c.4 0 .7 0 1.1-.1c.1.7.3 1.4.6 1.9c-.5.1-1.1.2-1.7.2c-5.5 0-10-4.5-10-10S6.5 2 12 2s10 4.5 10 10c0 .5-.08.97-.16 1.5l-.04.2c-.6-.3-1.2-.5-1.9-.6c.1-.4.1-.7.1-1.1c0-4.4-3.6-8-8-8s-8 3.6-8 8s3.6 8 8 8m.5-7.7l3.1 1.8c-.4.3-.8.6-1.1 1L11 13V7h1.5zm5.24 5.45L19 15l1.25 2.75L23 19l-2.75 1.26L19 23l-1.26-2.74L15 19z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20c.4 0 .7 0 1.1-.1c.1.7.3 1.4.6 1.9c-.5.1-1.1.2-1.7.2c-5.5 0-10-4.5-10-10S6.5 2 12 2s10 4.5 10 10c0 .5-.08.97-.16 1.5l-.04.2c-.6-.3-1.2-.5-1.9-.6c.1-.4.1-.7.1-1.1c0-4.4-3.6-8-8-8s-8 3.6-8 8s3.6 8 8 8m.5-7.7l3.1 1.8c-.4.3-.8.6-1.1 1L11 13V7h1.5zm5.24 5.45L19 15l1.25 2.75L23 19l-2.75 1.26L19 23l-1.26-2.74L15 19z"/></svg>
</template>

CSS

.icon-clock-star-four-points-outline {
  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%22M12%2020c.4%200%20.7%200%201.1-.1c.1.7.3%201.4.6%201.9c-.5.1-1.1.2-1.7.2c-5.5%200-10-4.5-10-10S6.5%202%2012%202s10%204.5%2010%2010c0%20.5-.08.97-.16%201.5l-.04.2c-.6-.3-1.2-.5-1.9-.6c.1-.4.1-.7.1-1.1c0-4.4-3.6-8-8-8s-8%203.6-8%208s3.6%208%208%208m.5-7.7l3.1%201.8c-.4.3-.8.6-1.1%201L11%2013V7h1.5zm5.24%205.45L19%2015l1.25%202.75L23%2019l-2.75%201.26L19%2023l-1.26-2.74L15%2019z%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%22M12%2020c.4%200%20.7%200%201.1-.1c.1.7.3%201.4.6%201.9c-.5.1-1.1.2-1.7.2c-5.5%200-10-4.5-10-10S6.5%202%2012%202s10%204.5%2010%2010c0%20.5-.08.97-.16%201.5l-.04.2c-.6-.3-1.2-.5-1.9-.6c.1-.4.1-.7.1-1.1c0-4.4-3.6-8-8-8s-8%203.6-8%208s3.6%208%208%208m.5-7.7l3.1%201.8c-.4.3-.8.6-1.1%201L11%2013V7h1.5zm5.24%205.45L19%2015l1.25%202.75L23%2019l-2.75%201.26L19%2023l-1.26-2.74L15%2019z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/clock-star-four-points-outline.svg?color=%231a73e8&size=48

clock star four points icon

1 other variant in Material Design Icons

More date / time icons from Material Design Icons

Use the clock star four points icon

SVG

React

Vue

CSS