Clockwork
The clockwork icon represents a mechanical system or machine, often associated with intricate mechanisms and automation.
Add shadcn.io to your AI agent. · Pro It installs Clockwork, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
4,123 in Game IconsCC BY 3.0 license (opens in a new tab)Free to copy and download
Code
Clockwork in your framework
In any framework. Customize it above, and the code follows.
export const ClockworkIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" 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>
);Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Clockwork is tagged engineering, automation, robotics and 1 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Clockwork or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Clockwork icon means and where it's used, then how to install, style and license it.
Install Clockwork from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.