Gears icon

Use it

import { GearsIcon } from '@nodo-icons/react';

<GearsIcon size={24} />

<script setup>
import { GearsIcon } from '@nodo-icons/vue';
</script>

<template><GearsIcon :size="24" /></template>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12.76 12.71L14.27 12.41L14.73 14.23L13.25 14.67L12.52 17.2L13.54 18.36L12.19 19.66L11.07 18.61L8.51 19.24L8.02 20.71L6.21 20.19L6.57 18.69L4.74 16.79L3.23 17.09L2.77 15.27L4.25 14.83L4.98 12.3L3.96 11.14L5.31 9.84L6.43 10.89L8.99 10.26L9.48 8.79L11.29 9.31L10.93 10.81Z"/><path d="M14.58 10.29L13.46 11.34L12.31 10.16L13.41 9.08L13.08 6.77L11.73 6.03L12.51 4.58L13.87 5.28L15.97 4.26L16.25 2.75L17.87 3.04L17.62 4.55L19.24 6.23L20.77 6.03L21 7.67L19.48 7.9L18.38 9.95L19.04 11.34L17.56 12.07L16.87 10.69Z"/><circle cx="8.75" cy="14.75" r="1.75"/><circle cx="16.25" cy="7.5" r="0.75"/></svg>

# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}

npm install @nodo-icons/react-pro

import { GearsIcon } from '@nodo-icons/react-pro/duotone';

<GearsIcon size={24} />

npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp