gentleface

Gentleface › Time & calendar › hourglass-off

hourglass-off icon

Hourglass off: no time limit, never expires, no expiry, no expiration. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.97 13.678C12.947 13.744 12.908 13.803 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L3 13L3 10.5C3 10.362 3.049 10.244 3.146 10.146L5.793 7.5L3.146 4.854C3.049 4.756 3 4.638 3 4.5L3 3.707L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM12.293 13L12 12.707L12 13L12.293 13ZM11 11.707L6.971 7.678C6.946 7.742 6.907 7.8 6.854 7.854L4 10.707L4 13L11 13L11 11.707ZM8.854 6.646C8.854 6.508 8.902 6.391 9 6.293L11 4.293L11 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5C13 1.641 12.952 1.759 12.856 1.856C12.759 1.952 12.641 2 12.5 2L12 2L12 4.5C12 4.638 11.951 4.756 11.854 4.854L9.707 7C9.607 7.1 9.49 7.149 9.354 7.149C9.218 7.149 9.1 7.1 9 7C8.902 6.902 8.854 6.785 8.854 6.646Z"/></svg>
React
// Gentleface "hourglass-off" (line-round), MIT. https://gentleface.com/icons/hourglass-off
import type { SVGProps } from 'react';

export function HourglassOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.97 13.678C12.947 13.744 12.908 13.803 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L3 13L3 10.5C3 10.362 3.049 10.244 3.146 10.146L5.793 7.5L3.146 4.854C3.049 4.756 3 4.638 3 4.5L3 3.707L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM12.293 13L12 12.707L12 13L12.293 13ZM11 11.707L6.971 7.678C6.946 7.742 6.907 7.8 6.854 7.854L4 10.707L4 13L11 13L11 11.707ZM8.854 6.646C8.854 6.508 8.902 6.391 9 6.293L11 4.293L11 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5C13 1.641 12.952 1.759 12.856 1.856C12.759 1.952 12.641 2 12.5 2L12 2L12 4.5C12 4.638 11.951 4.756 11.854 4.854L9.707 7C9.607 7.1 9.49 7.149 9.354 7.149C9.218 7.149 9.1 7.1 9 7C8.902 6.902 8.854 6.785 8.854 6.646Z" />
    </svg>
  );
}
Vue
Vue: see /icons/hourglass-off.md
Svelte
Svelte: see /icons/hourglass-off.md
HTML img
HTML img: see /icons/hourglass-off.md
CSS
CSS: see /icons/hourglass-off.md
Data URL
Data URL: see /icons/hourglass-off.md
Sprite
Sprite: see /icons/hourglass-off.md
SwiftUI
SwiftUI: see /icons/hourglass-off.md
Compose
Compose: see /icons/hourglass-off.md
Android XML
Android XML: see /icons/hourglass-off.md
Flutter
Flutter: see /icons/hourglass-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
no time limit, never expires, no expiry, no expiration, unlimited time
Example
Share link never expires
Also fits
  • time limit: no time limit
Built from
hourglass + slash
Tags
wait, sand-timer, busy, loading, pending, time, slash
Category
Time & calendar
Component name
HourglassOffIcon
History
  • added

Family 1

hourglass

More time & calendar icons

alarm-clock alarm-clock-check alarm-clock-off alarm-clock-plus alarm-clock-snooze calendar calendar-alert calendar-arrow-down calendar-arrow-up calendar-check calendar-clock calendar-day calendar-dot calendar-event calendar-gear calendar-heart · all time & calendar icons

For agents

Metadata: /icons/hourglass-off.json · Markdown: /icons/hourglass-off.md · SVG: https://gentleface.com/svg/{style}/16/hourglass-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/hourglass-off.png

Feedback