Home/Libraries/Siemens Industrial Experience Icons (Iconify)/trace-eye

Siemens Industrial Experience Icons (Iconify)

TraceEye

License: MITCommercial Safe

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" fill-rule="evenodd" d="M329.132 276.555c-.034.202-.082.627-.142 1.442c-17.517 1.469-35.664 12.07-50.502 22.038a29 29 0 0 0 3.675-3.203c5.347-5.51 8.452-13.013 8.651-20.912a30 30 0 0 0-2.1-10.912c-1.899-5.862-5.473-10.956-10.226-14.577c-4.753-3.619-10.45-5.587-16.307-5.63c-2.874.125-5.709.74-8.398 1.819c-4.522 1.414-8.638 4.005-11.973 7.535c-3.332 3.528-5.779 7.887-7.116 12.672a30 30 0 0 0-1.145 8.285c-.017 6.102 1.729 12.063 5.005 17.084s7.923 8.861 13.32 11.003a25.6 25.6 0 0 0 10.307 2.223c5.346.003 10.541-1.577 15.024-4.499c-14.196 10.103-24.886 27.21-33.348 42.892c-11.791-3.518-22.387-10.53-30.541-20.207l-38.177 20.207a64 64 0 0 1 1.145 12.124c0 13.99-3.918 27.664-11.259 39.293c-7.341 11.631-17.775 20.696-29.983 26.048c-12.208 5.353-25.641 6.754-38.6 4.026c-12.96-2.73-24.864-9.465-34.207-19.357s-15.707-22.492-18.285-36.21c-2.577-13.721-1.254-27.941 3.802-40.863c5.057-12.924 13.62-23.969 24.607-31.741s23.903-11.92 37.117-11.92c9.16-.119 18.243 1.796 26.661 5.626c8.417 3.829 15.982 9.485 22.204 16.602l38.177-20.207a64 64 0 0 1-1.145-12.124a74.4 74.4 0 0 1 4.77-27.484c3.302-8.735 8.215-16.685 14.455-23.383c6.238-6.699 13.679-12.013 21.881-15.63a63.6 63.6 0 0 1 25.893-5.439a54.3 54.3 0 0 1 11.453 1.211l19.088-40.413c-6.616-6.431-11.911-14.235-15.556-22.926c-3.646-8.691-5.563-18.082-5.632-27.591c.226-13.942 4.341-27.503 11.826-38.977c7.486-11.475 18.007-20.35 30.245-25.511c12.237-5.162 25.641-6.379 38.53-3.498c12.888 2.88 24.684 9.73 33.906 19.688s15.456 22.579 17.922 36.277c2.464 13.698 1.048 27.862-4.07 40.711c-5.117 12.849-13.709 23.81-24.694 31.504s-23.874 11.781-37.047 11.743a54 54 0 0 1-11.453-1.213l-19.088 40.413c6.616 6.432 11.911 14.236 15.557 22.927s5.562 18.083 5.631 27.591c.06.815.108 1.241.142 1.443m.07-.001c0 .137-.023.274-.07.001c.047-.272.07-.137.07-.001m-51.997 24.369q.636-.455 1.283-.888a29 29 0 0 1-1.283.888m81.576-208.899c-5.369-5.684-12.653-8.877-20.247-8.877s-14.877 3.193-20.247 8.877s-8.385 13.394-8.385 21.433c.099 8.006 3.148 15.655 8.496 21.317s12.574 8.889 20.136 8.993a24.3 24.3 0 0 0 7.636-1.212c6.051-1.702 11.395-5.483 15.196-10.75c3.8-5.266 5.841-11.721 5.801-18.348c0-8.039-3.016-15.748-8.386-21.433M126.808 380.111c4.975-4.023 8.547-9.683 10.155-16.089a28.5 28.5 0 0 0 1.145-8.083c-.099-8.006-3.147-15.654-8.496-21.316c-5.348-5.662-12.573-8.889-20.136-8.994c-7.594 0-14.877 3.195-20.247 8.879s-8.386 13.393-8.386 21.431c0 8.041 3.017 15.75 8.386 21.434c5.37 5.684 12.653 8.877 20.247 8.877c6.26.044 12.357-2.116 17.332-6.139m203.856 3.886c0-17.673 14.327-32 32-32s32 14.327 32 32s-14.327 32-32 32s-32-14.327-32-32m32-90.932c79.565 0 113.664 90.931 113.664 90.931s-34.099 90.932-113.664 90.932S249 383.996 249 383.996s34.099-90.931 113.664-90.931m-62.827 64.838c-7.597 9.35-13.267 18.872-17.029 26.093c3.762 7.222 9.432 16.744 17.029 26.094c15.476 19.047 36.013 34.118 62.827 34.118s47.351-15.071 62.827-34.118c7.597-9.35 13.259-18.855 17.02-26.076v-.035c-3.761-7.222-9.423-16.726-17.02-26.076c-15.476-19.047-36.013-34.118-62.827-34.118s-47.351 15.071-62.827 34.118" clip-rule="evenodd"/></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. TraceEyeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.