Timer

By ByteDance in IconPark

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 48 48">
  <g fill="none" stroke-width="4">
    <circle cx="24" cy="28" r="16" fill="#2F88FF" stroke="#000"/>
    <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M28 4L20 4"/>
    <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M24 4V12"/>
    <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M35 16L38 13"/>
    <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M24 28V22"/>
    <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M24 28H18"/>
  </g>
</svg>


Timer Icons examples

See what this icon looks like in some mockup designs
TimerHome

Related icons in IconPark

copy save
ad-product
copy save
api-app
copy save
app-switch
copy save
application-one
copy save
association
copy save
asterisk
copy save
badge
copy save
benz
copy save
blocks-and-arrows
copy save
category-management
copy save
circle-five-line
copy save
circle-four
copy save
circle-four-line
copy save
circle-three
copy save
circle-two-line
copy save
circles-and-triangles
copy save
circles-seven
copy save
circular-connection
copy save
cone
copy save
cones