Home/Libraries/OpenMoji (Iconify)/detective

OpenMoji (Iconify)

Detective

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#a57939" d="M55.183 58.854s3.811-14.001-10.5-14.897c-3.191 2.12-5.926 3.584-9 3.577h.125c-3.073.007-5.808-1.458-9-3.577c-12 0-10 14.897-10 14.897"/><path fill="#d0cfce" d="M38.662 58.919h-6.053v-7.513l-3-3.436h11.513l-2.46 3.383z"/><path fill="#6a462f" d="m44.771 44.797l-5.89 7.35c5.97-4.93 6.33 4.28 6.33 4.28l8.93-7.08c-1.24-2.76-3.81-5.19-9-5.19c-.19.12-.37.24-.55.36z"/><circle cx="54.765" cy="45.502" r="5" fill="#d0cfce" transform="rotate(-69.071 54.768 45.502)"/><path fill="#6a462f" d="M35.736 8.696c13.63 1.52 13.4 11 11.15 15.53h-.01c-.16-.67-.36-1.32-.59-1.94l-.8-.2c.62-.13.92-.82 1.27-1.28c-.68-.93-1.55-1.69-2.54-2.31l.06-.09c-1.76-4.76-6.05-9.05-8.54-9.71"/><path fill="#a57939" d="M25.886 22.056c-.55-.18-.84-.82-1.17-1.25c.68-.93 1.55-1.69 2.54-2.31c.02-.01.05-.03.07-.04c2.36-1.44 5.4-2.01 8.41-1.89c3.01-.12 6.05.45 8.41 1.89c.02.01.05.03.07.04c.99.62 1.86 1.38 2.54 2.31c-.35.46-.65 1.15-1.27 1.28c-2.96.62-6.3.94-9.51.9h-.48c-3.2.04-6.55-.28-9.51-.9c-.04-.01-.07-.02-.1-.03"/><path fill="#a57939" d="m44.276 18.406l-.06.09c-.02-.01-.05-.03-.07-.04c-2.36-1.44-5.4-2.01-8.41-1.89c-3.01-.12-6.05.45-8.41 1.89c-.02.01-.05.03-.07.04l-.06-.09c1.76-4.76 6.05-9.05 8.54-9.71c2.49.66 6.78 4.95 8.54 9.71"/><path fill="#6a462f" d="M35.736 8.696c-2.49.66-6.78 4.95-8.54 9.71l.06.09c-.99.62-1.86 1.38-2.54 2.31c.33.43.62 1.07 1.17 1.25c-.37.92-.66 1.9-.86 2.93c-2.61-4.13-3.73-14.68 10.71-16.29m-8.89 36.16l5.89 7.35c-5.97-4.93-6.33 3.48-6.33 3.48l-8.19-6.37h-.01c1.36-2.45 3.92-4.46 8.64-4.46"/><path fill="#fff" d="m54.796 40.204l3.682 6.585a2.794 2.794 0 0 1-1.075 3.802l-.18.101l-5.046-9.023"/><path fill="#fcea2b" d="M47.056 24.996c.21 1.08.32 2.21.32 3.36c0 7.83-5.08 14.18-11.34 14.18s-11.34-6.35-11.34-14.18q0-1.74.33-3.36v-.01c.2-1.03.49-2.01.86-2.93c.03.01.06.02.1.03c2.96.62 6.31.94 9.51.9h.48c3.21.04 6.55-.28 9.51-.9l.8.2c.23.62.43 1.27.59 1.94c.07.25.13.51.18.77m-5.02 2c0-1.1-.9-2-2-2s-2 .9-2 2a2 2 0 1 0 4 0m-2.55 9.15c.49-.25.69-.85.44-1.34c-.24-.5-.84-.7-1.34-.45c-1.72.86-3.39.86-5.1 0a.99.99 0 0 0-1.34.45a1 1 0 0 0 .44 1.34c1.15.57 2.3.86 3.45.86s2.3-.29 3.45-.86m-5.45-9.15c0-1.1-.9-2-2-2s-2 .9-2 2a2 2 0 1 0 4 0"/><path d="M54.728 58.852q-.076 0-.153-.011a1 1 0 0 1-.838-1.139c.002-.013.184-1.246.082-2.898a1 1 0 0 1 1.996-.123c.116 1.88-.092 3.265-.101 3.323a1 1 0 0 1-.986.848m-5.113 1.118a1.002 1.002 0 0 1-.933-1.357l3.364-8.798a.999.999 0 1 1 1.867.714l-3.364 8.8a1 1 0 0 1-.934.642m-9.579-34.975a2 2 0 1 1 .001 4.001a2 2 0 0 1-.001-4.001m-.11 9.81c.25.49.05 1.09-.44 1.34c-1.15.57-2.3.86-3.45.86s-2.3-.29-3.45-.86a1 1 0 0 1-.44-1.34c.24-.5.84-.7 1.34-.45c1.71.86 3.38.86 5.1 0c.5-.25 1.1-.05 1.34.45m-7.89-9.81a2 2 0 1 1 .001 4.001a2 2 0 0 1-.001-4.001"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M25.026 24.986c.2-1.03.49-2.01.86-2.93v-.01m20.4.24c.23.62.43 1.27.59 1.94c.07.25.13.51.18.77c.21 1.08.32 2.21.32 3.36c0 7.83-5.08 14.18-11.34 14.18s-11.34-6.35-11.34-14.18q0-1.74.33-3.36"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M35.736 16.566c-3.01-.12-6.05.45-8.41 1.89c-.02.01-.05.03-.07.04c-.99.62-1.86 1.38-2.54 2.31c.33.43.62 1.07 1.17 1.25c.03.01.06.02.1.03c2.96.62 6.31.94 9.51.9"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M27.196 18.406c1.76-4.76 6.05-9.05 8.54-9.71c-14.44 1.61-13.32 12.16-10.71 16.29v.01m10.71-8.43c3.01-.12 6.05.45 8.41 1.89c.02.01.05.03.07.04c.99.62 1.86 1.38 2.54 2.31c-.35.46-.65 1.15-1.27 1.28c-2.96.62-6.3.94-9.51.9"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M44.276 18.406c-1.76-4.76-6.05-9.05-8.54-9.71c13.63 1.52 13.4 11 11.15 15.53m-11.15-15.53v-1.42"/><path d="M38.599 58.97a1 1 0 0 1-1-1v-5.767a1 1 0 0 1 .363-.771c1.991-1.643 3.732-2.15 5.177-1.508c1.542.685 2.233 2.497 2.543 3.907l2.353-1.828a.997.997 0 0 1 1.403.176a1 1 0 0 1-.176 1.402l-3.719 2.89a1 1 0 0 1-1.612-.744c-.05-1.087-.51-3.49-1.606-3.976c-.611-.269-1.568.06-2.726.935v5.285a1 1 0 0 1-1 1"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M46.436 45.026c-.7-.11-.89-.17-1.71-.17c-3.15 2.09-5.86 3.55-8.88 3.59h-.12c-3.02-.04-5.72-1.5-8.88-3.59c-4.72 0-7.28 2.01-8.64 4.46c-2.1 3.76-1.36 8.54-1.36 8.54"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M32.736 57.966v-5.76c-5.97-4.93-6.33 3.48-6.33 3.48l-8.19-6.37m14.52 2.89l-5.89-7.35"/><path d="M38.598 53.203a1 1 0 0 1-.768-1.64l6.127-7.351a1.001 1.001 0 0 1 1.537 1.281l-6.127 7.35a1 1 0 0 1-.77.36m16.162-1.701a6 6 0 0 1-2.137-.396a5.96 5.96 0 0 1-3.335-3.157a5.96 5.96 0 0 1-.126-4.59a5.96 5.96 0 0 1 3.156-3.336a5.97 5.97 0 0 1 4.591-.125a5.96 5.96 0 0 1 3.335 3.157c.655 1.464.7 3.093.126 4.59a6.01 6.01 0 0 1-5.61 3.857m.004-10.002a4 4 0 0 0-1.63.35a3.98 3.98 0 0 0-2.105 2.223a3.97 3.97 0 0 0 .085 3.06a3.98 3.98 0 0 0 2.224 2.105c.998.38 2.084.35 3.06-.084a3.98 3.98 0 0 0 2.105-2.223a3.98 3.98 0 0 0-.084-3.06a4.01 4.01 0 0 0-3.655-2.371"/></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. DetectiveIcon.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-SA-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.