clock remove icon

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

Name: clock-remove-outline
Set: Material Design Icons
Style: Outline
Category: Date / Time
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Design Icons

clock-remove

Use the clock remove icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.47 15.08L11 13V7h1.5v5.25l3.08 1.83c-.41.28-.79.62-1.11 1m-1.39 4.84c-.36.05-.71.08-1.08.08c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8c0 .37-.03.72-.08 1.08c.69.1 1.33.32 1.92.64c.1-.56.16-1.13.16-1.72c0-5.5-4.5-10-10-10S2 6.5 2 12s4.47 10 10 10c.59 0 1.16-.06 1.72-.16c-.32-.59-.54-1.23-.64-1.92m8.04-4.46L19 17.59l-2.12-2.12l-1.41 1.41L17.59 19l-2.12 2.12l1.41 1.42L19 20.41l2.12 2.13l1.42-1.42L20.41 19l2.13-2.12z"/></svg>

React

import type { SVGProps } from "react";

export function MdiClockRemoveOutline(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="M14.47 15.08L11 13V7h1.5v5.25l3.08 1.83c-.41.28-.79.62-1.11 1m-1.39 4.84c-.36.05-.71.08-1.08.08c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8c0 .37-.03.72-.08 1.08c.69.1 1.33.32 1.92.64c.1-.56.16-1.13.16-1.72c0-5.5-4.5-10-10-10S2 6.5 2 12s4.47 10 10 10c.59 0 1.16-.06 1.72-.16c-.32-.59-.54-1.23-.64-1.92m8.04-4.46L19 17.59l-2.12-2.12l-1.41 1.41L17.59 19l-2.12 2.12l1.41 1.42L19 20.41l2.12 2.13l1.42-1.42L20.41 19l2.13-2.12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.47 15.08L11 13V7h1.5v5.25l3.08 1.83c-.41.28-.79.62-1.11 1m-1.39 4.84c-.36.05-.71.08-1.08.08c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8c0 .37-.03.72-.08 1.08c.69.1 1.33.32 1.92.64c.1-.56.16-1.13.16-1.72c0-5.5-4.5-10-10-10S2 6.5 2 12s4.47 10 10 10c.59 0 1.16-.06 1.72-.16c-.32-.59-.54-1.23-.64-1.92m8.04-4.46L19 17.59l-2.12-2.12l-1.41 1.41L17.59 19l-2.12 2.12l1.41 1.42L19 20.41l2.12 2.13l1.42-1.42L20.41 19l2.13-2.12z"/></svg>
</template>

CSS

.icon-clock-remove-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%22M14.47%2015.08L11%2013V7h1.5v5.25l3.08%201.83c-.41.28-.79.62-1.11%201m-1.39%204.84c-.36.05-.71.08-1.08.08c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208c0%20.37-.03.72-.08%201.08c.69.1%201.33.32%201.92.64c.1-.56.16-1.13.16-1.72c0-5.5-4.5-10-10-10S2%206.5%202%2012s4.47%2010%2010%2010c.59%200%201.16-.06%201.72-.16c-.32-.59-.54-1.23-.64-1.92m8.04-4.46L19%2017.59l-2.12-2.12l-1.41%201.41L17.59%2019l-2.12%202.12l1.41%201.42L19%2020.41l2.12%202.13l1.42-1.42L20.41%2019l2.13-2.12z%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%22M14.47%2015.08L11%2013V7h1.5v5.25l3.08%201.83c-.41.28-.79.62-1.11%201m-1.39%204.84c-.36.05-.71.08-1.08.08c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208c0%20.37-.03.72-.08%201.08c.69.1%201.33.32%201.92.64c.1-.56.16-1.13.16-1.72c0-5.5-4.5-10-10-10S2%206.5%202%2012s4.47%2010%2010%2010c.59%200%201.16-.06%201.72-.16c-.32-.59-.54-1.23-.64-1.92m8.04-4.46L19%2017.59l-2.12-2.12l-1.41%201.41L17.59%2019l-2.12%202.12l1.41%201.42L19%2020.41l2.12%202.13l1.42-1.42L20.41%2019l2.13-2.12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

clock remove icon

1 other variant in Material Design Icons

More date / time icons from Material Design Icons

Use the clock remove icon

SVG

React

Vue

CSS