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

Freehand free icons (Iconify)

TimeClockShare1

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M20.548 18.336a1.6 1.6 0 0 0-.37-.07c.086-.326.103-.666.05-1a2 2 0 0 0-.949-1.398a2.2 2.2 0 0 0-1.828-.2a6.4 6.4 0 0 0-1.998 1c-.42.3-.77.619-1.059.809c-.63.43-1.768 1.098-2.278 1.398q-.1.067-.19.15a5 5 0 0 1-1.138-.21a3.9 3.9 0 0 1-1.559-.65v-.139q.096-.178.23-.33c1.059-1.218 2.118-1.798 2.478-2.537a1.87 1.87 0 0 0-.14-1.848a1.63 1.63 0 0 0-1.739-.73a10 10 0 0 0-3.296 1.26a16 16 0 0 1-3.117 1.488h-.28c-.34.024-.683-.03-.999-.16a8 8 0 0 1-1.388-.58a.35.35 0 0 0-.485.115a.35.35 0 0 0 .115.485a9.5 9.5 0 0 0 1.568.82a3.3 3.3 0 0 0 1.21.219h.129q.41-.057.8-.2a20 20 0 0 0 2.926-1.359c.801-.444 1.658-.78 2.548-.999c.53-.11.999-.18 1.218.19a1 1 0 0 1 .1 1c-.35.678-1.378 1.168-2.387 2.277c-.75.83-.66 1.438-.28 1.888c.58.482 1.264.824 1.998.999q.698.223 1.429.28q1.033.075 2.067 0a19 19 0 0 0 1.998-.19c1.18-.18 2.138-.42 2.828-.5q.617-.142 1.248-.15a.67.67 0 0 1 .55.48c.12.26 0 .48-.24.69a7.2 7.2 0 0 1-1.678 1.128a11.5 11.5 0 0 1-5.065 1.239a25.5 25.5 0 0 1-8.052-1.079a.35.35 0 0 0-.17 0l-4.515.78a.31.31 0 1 0 .11.609l4.425-.65A26 26 0 0 0 13.605 24c1.94.006 3.855-.439 5.594-1.299a7 7 0 0 0 2.268-1.698a1.63 1.63 0 0 0 .19-1.608a1.8 1.8 0 0 0-1.11-1.06m-1.908.06c-.7.08-1.669.32-2.867.5q-.924.147-1.859.189h-.46c.53-.23 1.11-.48 1.51-.68s.639-.369.998-.629q.695-.431 1.439-.769a1.55 1.55 0 0 1 1.378-.19a1.18 1.18 0 0 1 .63.71a1.66 1.66 0 0 1 0 .799zm2.898-16.543A8.48 8.48 0 0 0 14.744.134a5.79 5.79 0 0 0-4.536 4.186a8.14 8.14 0 0 0 .58 6.124a6.57 6.57 0 0 0 4.835 2.997a7.46 7.46 0 0 0 5.524-1.15a.35.35 0 0 0 .09-.489a.36.36 0 0 0-.49-.08a6.75 6.75 0 0 1-4.994.88a5.64 5.64 0 0 1-4.056-2.588a7.1 7.1 0 0 1-.37-5.285a4.68 4.68 0 0 1 3.636-3.446a7.45 7.45 0 0 1 5.994 1.309c1.299 1.099 2.108 2.927 1.809 5.794a5.5 5.5 0 0 1-.29 1.268a4.4 4.4 0 0 1-.6 1.14a.31.31 0 0 0 .288.49a.3.3 0 0 0 .202-.121a5 5 0 0 0 .73-1.269c.178-.456.303-.932.369-1.418c.4-3.227-.51-5.325-1.928-6.624"/><path d="M17.141 6.777v-.5c-.09-.868-.29-1.997-.32-2.277a.31.31 0 1 0-.619 0c0 .27-.17 1.429-.21 2.318v.999a.59.59 0 0 0 .53.57H17.7c.679 0 1.178 0 1.768-.06a.36.36 0 0 0 .36-.34a.35.35 0 0 0-.34-.36z"/></g></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. TimeClockShare1Icon.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.