send clock icon

send-clock-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
send-clock-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

send-clocksend-clock-duotonesend-clock-sharpsend-clock-sharp-duotonesend-clock-sharp-fillsend-clock-sharp-two-tonesend-clock-two-tone

The same icon in other sets

send-clock-20-filledFluent UI System Iconssend-clock-20Fluent UI System Color Iconssend-clockMaterial Design Icons

Related icons in Keyline Icons

send-horizontal

Use the send clock icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5.7022 11.7199L2.4363 9.4902C1.7402 9.015 1.9082 7.9446 2.7164 7.7054L22 2L20.7043 6.3794M18.5491 5.4509L22 2"/><path fill="currentColor" fill-rule="evenodd" d="M23 15.5C23 19.6421 19.6421 23 15.5 23C11.3579 23 8 19.6421 8 15.5C8 11.3579 11.3579 8 15.5 8C19.6421 8 23 11.3579 23 15.5ZM16.5 13C16.5 12.4477 16.0523 12 15.5 12C14.9477 12 14.5 12.4477 14.5 13L14.5 15.5C14.5 16.0523 14.9477 16.5 15.5 16.5L18 16.5C18.5523 16.5 19 16.0523 19 15.5C19 14.9477 18.5523 14.5 18 14.5L16.5 14.5L16.5 13Z" clip-rule="evenodd" stroke="none"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsSendClockFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M5.7022 11.7199L2.4363 9.4902C1.7402 9.015 1.9082 7.9446 2.7164 7.7054L22 2L20.7043 6.3794M18.5491 5.4509L22 2"/><path fill="currentColor" fillRule="evenodd" d="M23 15.5C23 19.6421 19.6421 23 15.5 23C11.3579 23 8 19.6421 8 15.5C8 11.3579 11.3579 8 15.5 8C19.6421 8 23 11.3579 23 15.5ZM16.5 13C16.5 12.4477 16.0523 12 15.5 12C14.9477 12 14.5 12.4477 14.5 13L14.5 15.5C14.5 16.0523 14.9477 16.5 15.5 16.5L18 16.5C18.5523 16.5 19 16.0523 19 15.5C19 14.9477 18.5523 14.5 18 14.5L16.5 14.5L16.5 13Z" clipRule="evenodd" stroke="none"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5.7022 11.7199L2.4363 9.4902C1.7402 9.015 1.9082 7.9446 2.7164 7.7054L22 2L20.7043 6.3794M18.5491 5.4509L22 2"/><path fill="currentColor" fill-rule="evenodd" d="M23 15.5C23 19.6421 19.6421 23 15.5 23C11.3579 23 8 19.6421 8 15.5C8 11.3579 11.3579 8 15.5 8C19.6421 8 23 11.3579 23 15.5ZM16.5 13C16.5 12.4477 16.0523 12 15.5 12C14.9477 12 14.5 12.4477 14.5 13L14.5 15.5C14.5 16.0523 14.9477 16.5 15.5 16.5L18 16.5C18.5523 16.5 19 16.0523 19 15.5C19 14.9477 18.5523 14.5 18 14.5L16.5 14.5L16.5 13Z" clip-rule="evenodd" stroke="none"/></g></svg>
</template>

CSS

.icon-send-clock-fill {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5.7022%2011.7199L2.4363%209.4902C1.7402%209.015%201.9082%207.9446%202.7164%207.7054L22%202L20.7043%206.3794M18.5491%205.4509L22%202%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23%2015.5C23%2019.6421%2019.6421%2023%2015.5%2023C11.3579%2023%208%2019.6421%208%2015.5C8%2011.3579%2011.3579%208%2015.5%208C19.6421%208%2023%2011.3579%2023%2015.5ZM16.5%2013C16.5%2012.4477%2016.0523%2012%2015.5%2012C14.9477%2012%2014.5%2012.4477%2014.5%2013L14.5%2015.5C14.5%2016.0523%2014.9477%2016.5%2015.5%2016.5L18%2016.5C18.5523%2016.5%2019%2016.0523%2019%2015.5C19%2014.9477%2018.5523%2014.5%2018%2014.5L16.5%2014.5L16.5%2013Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5.7022%2011.7199L2.4363%209.4902C1.7402%209.015%201.9082%207.9446%202.7164%207.7054L22%202L20.7043%206.3794M18.5491%205.4509L22%202%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23%2015.5C23%2019.6421%2019.6421%2023%2015.5%2023C11.3579%2023%208%2019.6421%208%2015.5C8%2011.3579%2011.3579%208%2015.5%208C19.6421%208%2023%2011.3579%2023%2015.5ZM16.5%2013C16.5%2012.4477%2016.0523%2012%2015.5%2012C14.9477%2012%2014.5%2012.4477%2014.5%2013L14.5%2015.5C14.5%2016.0523%2014.9477%2016.5%2015.5%2016.5L18%2016.5C18.5523%2016.5%2019%2016.0523%2019%2015.5C19%2014.9477%2018.5523%2014.5%2018%2014.5L16.5%2014.5L16.5%2013Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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