Home/Libraries/Material Icon Theme (Iconify)/snyk

Material Icon Theme (Iconify)

Snyk

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 32 32"><path fill="#818cf8" d="M25.338 20.622c-.337-.62.142-2.09.142-2.09c-2.745-2.478-3.432-7.645-3.432-7.645c-.512 1.628-1.626 6.428-1.626 6.428a16 16 0 0 0-4.38-.674h-.017q-.192 0-.38.007v11.351h10.323c.034-2.228-.63-7.377-.63-7.377M21.288 24h-3.205a4.2 4.2 0 0 1 2.926-1.409c1.695 0 .428 1.265.278 1.409Z"/><path fill="#818cf8" d="M11.666 17.316s-1.115-4.8-1.627-6.43c0 .004-.687 5.169-3.432 7.646c0 0 .48 1.47.142 2.09c0 0-.665 5.15-.63 7.377H16V16.64a15.3 15.3 0 0 0-4.334.676M10.77 24c-.149-.144-1.416-1.409.278-1.409A4.2 4.2 0 0 1 13.975 24Z"/><path fill="#818cf8" d="M21.555 25.209H18v.033a2.196 2.196 0 0 0 2.333 1.977a2.196 2.196 0 0 0 2.333-1.977v-.033Z"/><path fill="#818cf8" d="M18.888 25.209v.033a1.344 1.344 0 0 0 2.667 0v-.033Z"/><path fill="#818cf8" d="M20.633 25.209h-.625l-.016.003c.077.015.12.17.103.272a.346.346 0 0 1-.351.27a.56.56 0 0 0 .494.401a.58.58 0 0 0 .668-.439c.033-.209-.081-.507-.273-.507"/><path fill="#818cf8" d="M12.972 25.209H9.417v.033a2.196 2.196 0 0 0 2.333 1.977a2.196 2.196 0 0 0 2.334-1.977v-.033Z"/><path fill="#818cf8" d="M10.306 25.209v.033a1.26 1.26 0 0 0 1.333 1.176a1.26 1.26 0 0 0 1.333-1.176v-.033Z"/><path fill="#818cf8" d="M12.051 25.209h-.626l-.016.003c.077.015.12.17.104.272a.346.346 0 0 1-.352.27a.565.565 0 0 0 .494.401a.58.58 0 0 0 .668-.439c.033-.209-.08-.507-.272-.507"/><path fill="#818cf8" d="m9.775 4l-1.3 2.098C8.017 6.846 4 13.468 4 15.86V16l1.84 4.31A54.4 54.4 0 0 0 5.288 28h1.775a56 56 0 0 1 .588-7.7l.024-.184l-.333-.788a10.7 10.7 0 0 0 2.5-3.887l.053.337l1.817 2.624l.71-.268a11.8 11.8 0 0 1 3.603-.687a12.1 12.1 0 0 1 3.623.688l.708.266l1.814-2.624l.072-.438a10.9 10.9 0 0 0 2.498 3.95l-.349.826l.024.185a56.5 56.5 0 0 1 .593 7.7h1.757a55 55 0 0 0-.572-7.688L28 16.001v-.14c0-2.393-3.986-9.015-4.441-9.763L22.284 4L20.46 15.237l-.843 1.22a13.3 13.3 0 0 0-3.592-.575a13.2 13.2 0 0 0-3.578.575l-.842-1.22l-.641-3.939l.002-.019l-.005-.001Zm-.98 5.013l.374 2.29a14.9 14.9 0 0 1-2.538 6.335l-.805-1.905c.101-1.241 1.569-4.215 2.97-6.72Zm14.476 0c1.4 2.505 2.869 5.479 2.97 6.72l-.786 1.86a15.3 15.3 0 0 1-2.528-6.468Z"/></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. SnykIcon.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.