clock arrow up icon

clock-arrow-up-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name: clock-arrow-up-sharp
Set: Keyline Icons
Style: Sharp
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

clock-arrow-up clock-arrow-up-duotone clock-arrow-up-fill clock-arrow-up-sharp-duotone clock-arrow-up-sharp-fill clock-arrow-up-sharp-two-tone clock-arrow-up-two-tone

The same icon in other sets

clock-arrow-upHuge Icons clock-arrow-upLucide clock-arrow-upMaterial Symbols clock-arrow-upMaterial Symbols Light

Related icons in Keyline Icons

clock-1 clock-10 clock-11 clock-12 clock-2 clock-3 clock-4 clock-5 clock-6 clock-7 clock-8 clock-9 clock-arrow-down clock-arrow-left clock-arrow-right clock-check clock-minus clock-plus clock-x

Use the clock arrow up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M13 22L12 22C6.4771 22 2 17.5228 2 12C2 6.4771 6.4771 2 12 2C17.5228 2 22 6.4771 22 12L22 13M12 5L12 12L18 12M19 23L19 16M22.2929 19.2929L19 16L15.7071 19.2929"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsClockArrowUpSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M13 22L12 22C6.4771 22 2 17.5228 2 12C2 6.4771 6.4771 2 12 2C17.5228 2 22 6.4771 22 12L22 13M12 5L12 12L18 12M19 23L19 16M22.2929 19.2929L19 16L15.7071 19.2929"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M13 22L12 22C6.4771 22 2 17.5228 2 12C2 6.4771 6.4771 2 12 2C17.5228 2 22 6.4771 22 12L22 13M12 5L12 12L18 12M19 23L19 16M22.2929 19.2929L19 16L15.7071 19.2929"/></svg>
</template>

CSS

.icon-clock-arrow-up-sharp {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13%2022L12%2022C6.4771%2022%202%2017.5228%202%2012C2%206.4771%206.4771%202%2012%202C17.5228%202%2022%206.4771%2022%2012L22%2013M12%205L12%2012L18%2012M19%2023L19%2016M22.2929%2019.2929L19%2016L15.7071%2019.2929%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13%2022L12%2022C6.4771%2022%202%2017.5228%202%2012C2%206.4771%206.4771%202%2012%202C17.5228%202%2022%206.4771%2022%2012L22%2013M12%205L12%2012L18%2012M19%2023L19%2016M22.2929%2019.2929L19%2016L15.7071%2019.2929%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/clock-arrow-up-sharp.svg?color=%231a73e8&size=48