Skip to content
DeployDeployIcons
Clock Countdown icon

Clock Countdown

clock-countdown

From Phosphor Icons, redistributed under the MIT licence. Available at all 6 weights.

Weights

  • Clock Countdown, ThinThin
  • Clock Countdown, LightLight
  • Clock Countdown, RegularRegular
  • Clock Countdown, BoldBold
  • Clock Countdown, FillFill
  • Clock Countdown, DuotoneDuotone

Use it

React
import { RegularClockcountdown } from 'onebit-icon-react';

<RegularClockcountdown size={24} />
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="24" height="24" fill="none"><path d="M224,136c-4.07,49.28-45.67,88-96,88a96,96,0,0,1-96-96c0-50.33,38.72-91.93,88-96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="128 72 128 128 184 128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="160" cy="36" r="12"/><circle cx="196" cy="60" r="12"/><circle cx="220" cy="96" r="12"/></svg>
CSS mask
.icon-clock-countdown {
  width: 24px; height: 24px;
  background: currentColor;
  mask: url("https://icons.onebit.ng/icons/regular-clock-countdown.svg") center / contain no-repeat;
}

More in Time & Calendar

← All Time & Calendar iconsBrowse by categoryBrowse all icons