Home/Libraries/Freehand free icons (Iconify)/time-clock-circle

Freehand free icons (Iconify)

TimeClockCircle

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M23.769 8.683A10.3 10.3 0 0 0 22.08 4.81c-1.726-2.567-2.615-3.325-5.3-3.914a20 20 0 0 0-2.556-.4a14 14 0 0 0-2.596 0Q10.54.612 9.48.876q-.72.177-1.398.479q-1.262.553-2.416 1.308A10.6 10.6 0 0 0 3.53 4.47a15.5 15.5 0 0 0-1.897 2.616A12.2 12.2 0 0 0 .435 10.08a13 13 0 0 0-.34 1.927q-.134.995-.08 1.997A8.8 8.8 0 0 0 .866 17a12.6 12.6 0 0 0 1.627 2.636c.37.45.709.899 1.098 1.308q.418.451.919.81a10.2 10.2 0 0 0 5.42 1.796c1.887.073 3.773-.15 5.592-.659a11.7 11.7 0 0 0 4.463-2.066A13.7 13.7 0 0 0 23.07 17a6.5 6.5 0 0 0 .599-1.637c.19-.822.294-1.662.31-2.506a22 22 0 0 0-.21-4.174m-.68 4.164q-.03.965-.239 1.907a6 6 0 0 1-.599 1.737a12.8 12.8 0 0 1-2.885 3.505a10.4 10.4 0 0 1-4.124 1.797a16.8 16.8 0 0 1-5.242.58a9.1 9.1 0 0 1-4.822-1.588a5.3 5.3 0 0 1-.75-.66a12 12 0 0 1-.998-1.237a11.7 11.7 0 0 1-1.497-2.397a7.9 7.9 0 0 1-.75-2.646q-.073-.878 0-1.757q.075-.885.28-1.747c.219-.968.568-1.902 1.039-2.776c.487-.89 1.07-1.723 1.737-2.486a9.4 9.4 0 0 1 1.907-1.697q1.087-.735 2.277-1.288A7.7 7.7 0 0 1 10 1.544q.84-.19 1.698-.29c.817-.106 1.643-.13 2.466-.069c.833.041 1.662.155 2.476.34c2.246.549 3.095.998 4.792 3.694a9.8 9.8 0 0 1 1.548 3.614c.169 1.331.206 2.676.11 4.014"/><path fill="#818cf8" d="M13.205 13.486c-.21-.21-.44-.4-.639-.62a1.3 1.3 0 0 1-.22-.368a1.7 1.7 0 0 1 0-.81c.07-.568.23-1.147.27-1.627c.06-1.278-.05-2.606 0-3.914q0-.813.12-1.617a.3.3 0 0 0-.24-.35a.29.29 0 0 0-.35.23a12 12 0 0 0-.319 1.687c-.15 1.288-.16 2.596-.33 3.864c0 .55-.279 1.268-.289 1.917c-.006.343.059.683.19.999c.115.249.274.476.47.669c.229.22.499.4.758.609l2.267 1.867a.344.344 0 0 0 .439-.53zm-.819 5.781v-.998c0-.31-.05-.62-.08-.92a.3.3 0 0 0-.309-.349a.31.31 0 0 0-.31.3c0 .3-.1.6-.14.909s0 .409 0 .619c.01.535.08 1.068.21 1.587a.35.35 0 0 0 .68-.13a9 9 0 0 1-.05-1.018m8.826-7.927c-.59 0-1.168-.09-1.748-.06a7 7 0 0 0-1.198.18a.3.3 0 0 0-.258.211a.3.3 0 0 0 .023.23a.3.3 0 0 0 .295.157c.29 0 .57 0 .859.06h.579q.741-.018 1.478-.11a.34.34 0 1 0 0-.679zm-14.568.259q-.635-.105-1.278-.12H3.93a9 9 0 0 1-1.378 0a.3.3 0 0 0-.36.23a.31.31 0 0 0 .23.36q.63.196 1.288.259q.728.045 1.458 0c.479 0 .938-.06 1.407 0a.35.35 0 0 0 .43-.32a.34.34 0 0 0-.36-.41M5.367 7.895q.22.21.47.379q.225.132.419.31a.35.35 0 0 0 .48.07a.36.36 0 0 0 .07-.49a3 3 0 0 0-.51-.609a3 3 0 0 0-.42-.31c-.15-.09-.299-.14-.439-.229a.304.304 0 0 0-.43.43q.155.244.36.449M9.171 5.02a3 3 0 0 0-.17-.28c-.12-.14-.259-.25-.389-.38a.303.303 0 1 0-.509.33q.13.345.31.669c.18.3.429.539.619.838a.34.34 0 0 0 .459.14a.33.33 0 0 0 .14-.46q-.19-.45-.46-.858m6.56.11c.09-.13.2-.23.29-.36q.094-.141.16-.3q.1-.29.11-.598a.3.3 0 0 0-.105-.317a.3.3 0 0 0-.105-.053a.29.29 0 0 0-.37.21c-.07.1-.16.17-.23.27a2 2 0 0 0-.12.21q-.145.316-.249.648a.34.34 0 0 0 .422.463a.35.35 0 0 0 .197-.173m2.766 2.047q.315-.27.599-.57a.33.33 0 0 0 .07-.479a.35.35 0 0 0-.48-.11c-.16.09-.309.15-.459.25a2 2 0 0 0-.29.23a2 2 0 0 0-.349.529a.3.3 0 0 0 0 .43a.3.3 0 0 0 .42 0c.19-.11.35-.17.489-.28m.779 7.438a1 1 0 0 0-.24-.1a1.8 1.8 0 0 0-.4 0a.31.31 0 0 0-.389.17a.32.32 0 0 0 .18.39c.13.09.22.21.36.289c.14.08.419.16.609.26a.339.339 0 1 0 .399-.55a2.3 2.3 0 0 0-.52-.459M16.75 17.69a1.7 1.7 0 0 0-.21-.26c-.11-.13-.24-.23-.36-.35a.3.3 0 0 0-.296-.155a.3.3 0 0 0-.113.036a.31.31 0 0 0-.11.409q.113.36.3.689q.108.177.25.33c.13.16.27.289.389.449a.35.35 0 0 0 .47.13a.34.34 0 0 0 .119-.47a4.6 4.6 0 0 0-.44-.809m-8.696.091a4 4 0 0 0-.33.249a1 1 0 0 0-.179.21a4.6 4.6 0 0 0-.35.609a.36.36 0 0 0 .09.479a.34.34 0 0 0 .48-.09q.285-.275.539-.58q.143-.24.23-.508a.303.303 0 0 0-.48-.37m-2.546-2.875c-.24 0-.47 0-.699.08q-.236.085-.45.22a.299.299 0 0 0 .11.588q.255.023.51 0a3.2 3.2 0 0 0 .709-.25a.35.35 0 0 0 .24-.429a.34.34 0 0 0-.42-.21"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TimeClockCircleIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.