Home/Libraries/Game Icons (Iconify)/clockwork

Game Icons (Iconify)

Clockwork

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="M137.71 18.326L17.866 138.166l29.582 29.582c23.04-53.698 66.14-96.802 119.84-119.842l-29.58-29.58zm238.286.04L346.44 47.92c53.693 23.048 96.79 66.155 119.822 119.857l29.576-29.575l-119.842-119.84zm-133.27 37.04C137.405 62.64 54.448 150.126 54.448 257.31c0 111.93 90.466 202.397 202.398 202.397c32.75 0 63.66-7.757 91.007-21.52l-22.26-15.78c-21.173 8.84-44.394 13.734-68.745 13.734c-98.652 0-178.827-80.172-178.827-178.824c0-90.942 68.133-166.178 156.065-177.382l8.637-24.528zm29.432.076l8.555 24.604c87.397 11.69 154.96 86.67 154.96 177.23c0 48.234-19.17 92.043-50.29 124.23l8.633 24.686c40.12-36.963 65.23-89.96 65.23-148.923c0-106.782-82.332-194.023-187.088-201.828zm-14.75 14.49l-32.3 91.706h18.925v45.068a51.9 51.9 0 0 1 26.28-.26v-44.808h18.98L257.408 69.97zm71.82 44.42l-17.197 29.79a124 124 0 0 0-10.596-4.5l14.144 40.683h-26.576v35.057c12.702 9.562 20.95 24.756 20.95 41.793c0 8.697-2.16 16.91-5.956 24.142l40.705 54.186l19.466-14.662l4.924 14.08l20.603 11.897a160 160 0 0 0 9.526-16.08l-29.35-16.945a124.8 124.8 0 0 0 12.86-45.348h33.862c.253-3.69.392-7.412.392-11.168c0-2.52-.066-5.026-.18-7.52h-33.82c-.98-16.423-5.11-31.993-11.796-46.112l29.45-17.002a160 160 0 0 0-9.208-16.266l-29.48 17.02a126.1 126.1 0 0 0-33.73-33.922l17.153-29.71a159 159 0 0 0-16.144-9.41zm-145.38.313a160 160 0 0 0-16.104 9.483l17.62 30.523a126.2 126.2 0 0 0-32.67 33.737l-30.645-17.695a159 159 0 0 0-9.167 16.29l30.73 17.74c-6.385 13.828-10.33 29.016-11.285 45.015H96.895a163 163 0 0 0-.182 7.52c0 3.755.14 7.477.392 11.167h35.477a124.9 124.9 0 0 0 12.324 44.264l-30.613 17.674a160 160 0 0 0 9.492 16.1l30.592-17.663a126.1 126.1 0 0 0 32.418 32.236l-17.527 30.353a160 160 0 0 0 16.216 9.292l17.473-30.265a124.9 124.9 0 0 0 44.147 12.052v34.62c3.224.193 6.472.303 9.746.303c3 0 5.98-.09 8.94-.252v-34.497a125.6 125.6 0 0 0 19.325-2.756l10.682-8.047l-47.52-63.257c-24.326-4.454-42.908-25.862-42.908-51.428c0-16.593 7.833-31.43 19.976-41.026v-35.825h-26.63l14.196-40.31a125 125 0 0 0-11.51 5.056l-17.554-30.405zm73.814 108.906c-18.67 0-33.605 14.935-33.605 33.605s14.936 33.603 33.605 33.603c18.67 0 33.604-14.934 33.604-33.603s-14.934-33.604-33.604-33.604zm34.363 72.927c-5.978 5.234-13.142 9.14-21.03 11.233l50.952 67.828l-14.578 10.984l79.74 56.525l-32.137-91.902l-13.975 10.525l-48.973-65.193zm174.223 50.33c-14.203 33.102-36.037 62.167-63.27 84.998l9.7 27.733l83.15-83.15zM47.46 346.9l-29.585 29.586l119.84 119.84l29.603-29.603C113.616 443.69 70.508 400.593 47.46 346.9m323.343 107.553a227 227 0 0 1-24.395 12.254l29.58 29.58l22.33-22.33z"/></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. ClockworkIcon.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-3.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.