clock icon

Use the clock icon in your code

Font Awesome 6 Free · Solid style · Unicode U+F017 · class fa-clock

HTML

<i class="fa-solid fa-clock"></i>
<!-- Font Awesome 4/5 style class also works in 6: -->
<i class="fa fa-clock"></i>

CSS pseudo-element

.my-clock::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f017";
}

HTML entity / JavaScript

&#xf017;        <!-- inside an element using the FA font -->
"\u{f017}"     // JavaScript string

Load the font once (CDN)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

Prefer the PNG from the editor above when the icon has to sit in a document, a slide or an email where web fonts do not load. Use the code when it is going on a web page — it stays sharp at any size and takes the text colour.

Same family: clock

Icons that share a word with clock — useful when you need a matching set.

more icons

here is some more icons for you to use.

copyright 2026, Icon Generator all rights reserved.