Home/Libraries/Freehand free icons (Iconify)/time-wrist-watch-1

Freehand free icons (Iconify)

TimeWristWatch1

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="M7.31 11.65c-.12-.14-.22-.24-.28-.3l-.25-.94a.3.3 0 0 0-.59 0L6 11.7a.52.52 0 0 0 .16.36q.238.289.55.5q.478.322 1 .57a.32.32 0 0 0 .46-.05a.33.33 0 0 0-.05-.47c-.38-.4-.61-.74-.81-.96"/><path d="M23.59 13.92c.253-.417.395-.893.41-1.38a2.56 2.56 0 0 0-.42-1.43l-.06-.08q.088-.105.16-.22a2.68 2.68 0 0 0 .25-1.71a2 2 0 0 0-1-1.5a1.4 1.4 0 0 0-.39-.09a3 3 0 0 0-.15-1.92a2.09 2.09 0 0 0-1.69-1.17a24.5 24.5 0 0 0-3.83-.24c-1.302.02-2.598.171-3.87.45c-.242.06-.472.161-.68.3c-.67.44-1.13 1.34-1.77 1.51l-1.37.08v-.15A1.22 1.22 0 0 0 9 5.63a3.8 3.8 0 0 0-1.85-.41a11.5 11.5 0 0 0-1.7 0a2.4 2.4 0 0 0-1 .26a1.64 1.64 0 0 0-.27 1a.3.3 0 0 0-.14 0c-.45-.07-.86-.14-1.33-.18h-.58a4 4 0 0 0-.56.06c-.39.06-.79.19-1.29.3a.3.3 0 0 0-.28.26a.29.29 0 0 0 .31.28c.5.07.92.15 1.32.18q.275.015.55 0c.2 0 .38 0 .56-.06c.45-.07.84-.15 1.28-.21q.075.013.15 0q.013.409.1.81a3.84 3.84 0 0 0-1.66 2.19A5 5 0 0 0 3 13.85c.29.502.703.921 1.2 1.22a.3.3 0 0 0 0 .09c0 .43-.13.88-.17 1.31l-1.09-.18a6 6 0 0 0-.94-.08c-.55.02-1.097.1-1.63.24a.3.3 0 1 0 0 .59c.54.06 1 .18 1.38.25q.467.065.94.07q.661-.002 1.31-.12a2 2 0 0 0 .24 1a.7.7 0 0 0 .35.27a4.3 4.3 0 0 0 1.22.2q.87.06 1.74 0c.447-.016.889-.1 1.31-.25a1.46 1.46 0 0 0 .51-1.12a2 2 0 0 0 0-.24l1.14.07c.13 0 .2.12.29.23c.287.48.64.918 1.05 1.3A8.1 8.1 0 0 0 15 19.71a11.8 11.8 0 0 0 3.27 0c.485-.058.96-.183 1.41-.37c.326-.14.62-.349.86-.61a1.9 1.9 0 0 0 .53-1q.022-.225 0-.45a8.8 8.8 0 0 0 1.93-.29a1.34 1.34 0 0 0 .93-1.13a2.54 2.54 0 0 0-.41-1.87a.3.3 0 0 0 .07-.07M4.91 7.26A8 8 0 0 1 5 6.37a1 1 0 0 1 .2 0h3.09a7.4 7.4 0 0 1 .14 1.47a6 6 0 0 0-3-.35a5 5 0 0 0-.57.15c.04-.17.05-.27.05-.38m3.63 9.16c0 1.07.12 1.12-1.39 1.15h-2.2a2 2 0 0 1-.16-.66v-1.49c.388.153.795.254 1.21.3a5 5 0 0 0 2.48-.26q.087.476.06.96m14.24-.25c-1.22.36-2.53.53-6.37.12a.34.34 0 0 0-.37.3a.33.33 0 0 0 .29.36q1.99.285 4 .34h.07q.015.144 0 .29c-.07.219-.203.413-.38.56a1.9 1.9 0 0 1-.62.36c-.39.119-.793.186-1.2.2c-1 .078-2.007.045-3-.1a7.9 7.9 0 0 1-2.82-.78c-.5-.26-.76-.91-1.16-1.2a1.14 1.14 0 0 0-.61-.23H9.38a4.3 4.3 0 0 0-.23-1.21v-.05c.1-.06.21-.1.31-.17a.347.347 0 1 0-.46-.52a3.8 3.8 0 0 1-2.85.47a3.13 3.13 0 0 1-2.29-1.52a4 4 0 0 1-.19-3a2.57 2.57 0 0 1 2-1.87A4.23 4.23 0 0 1 9 9.23a3.58 3.58 0 0 1 1.06 3.3a2.67 2.67 0 0 1-.49 1.37a.3.3 0 0 0 .162.462a.29.29 0 0 0 .308-.102c.192-.236.347-.499.46-.78q.166-.421.23-.87a4.32 4.32 0 0 0-1.08-4.08a3.6 3.6 0 0 0-.55-.41a9 9 0 0 0 .11-1h.93l.61-.06c.7-.17 1.25-1.08 2-1.54a1.3 1.3 0 0 1 .44-.17a18.3 18.3 0 0 1 3.68-.36a24.4 24.4 0 0 1 3.69.35a1.1 1.1 0 0 1 .89.62a2 2 0 0 1 0 1.26q-1.204.233-2.43.29l-.23.07c-.41.06-1.2.45-1.16.74s.82.45 1.13.39s2.44-.07 2.69-.1c1.15-.13 1.26.17 1.34.64c.066.32.028.653-.11.95c-.12.21-.43.25-.72.29h-.36c-.47 0-3.38.2-3.39.5s3 .64 3.55.61q.472.002.93.12c.14.221.217.477.22.74a1.75 1.75 0 0 1-.2.79c-.38.09-.77.14-1.16.15c-.69 0-3.76.27-3.75.52s3.56.51 4.42.43a1.07 1.07 0 0 1 .56.13c.203.27.306.602.29.94c.03.37-.02.67-.29.75"/></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. TimeWristWatch1Icon.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.