IconSearch logoIconsearch
Home/Libraries/Arcticons (Iconify)/croc
← Back to Search
Arcticons (Iconify)

Croc

License: CC-BY-SA-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m30.624 20.606l11.824-5.988a1.92 1.92 0 0 0 .845-2.579l-.393-.776a3.32 3.32 0 0 0-3.545-1.768l-9.345 1.49"/><circle cx="27.736" cy="12.416" r="2.689" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M21.594 37.2a12.14 12.14 0 0 1-16.096-4.734a9.23 9.23 0 0 1 4.064-12.404l15.498-7.848"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M21.594 37.2a1.405 1.405 0 1 0-1.27-2.506c-1.554.787-4.202 1.62-5.704-1.344a5.48 5.48 0 0 1-.375-3.697"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m15.32 25.68l-.389-.768a1.677 1.677 0 0 0-2.253-.738h0a1.677 1.677 0 0 0-.739 2.254l1.16 2.29a1.83 1.83 0 0 0 2.457.805l1.36-.689l3.747-1.897h0a3.535 3.535 0 0 0-4.75-1.557Zm10.65-5.393l-.39-.768a1.677 1.677 0 0 0-2.252-.738h0a1.677 1.677 0 0 0-.739 2.253l1.16 2.291a1.83 1.83 0 0 0 2.457.805l1.36-.69l3.747-1.897h0a3.535 3.535 0 0 0-4.75-1.556Zm-1.89 3.497l-4.206 2.129m-9.207-6.41l-.289 1.704m3.185-3.171l-.288 1.704m3.185-3.171l-.288 1.704m3.185-3.171l-.289 1.704m3.185-3.171l-.288 1.704m9.022.459l2.63.669l1.017-2.516l2.629.669l1.018-2.516l2.632.668l1.019-2.517"/><circle cx="27.736" cy="12.416" r=".75" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. CrocIcon.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.

Related Icons in Arcticons (Iconify)

Browse all Arcticons (Iconify) icons →
001-taxis
001-taxis
0h-h1
0h-h1
0h-n0
0h-n0
0xchat
0xchat
1-and-1-tv
1-and-1-tv
1-gb-gift-bank
1-gb-gift-bank
1-second-everyday
1-second-everyday
1-tl
1-tl
10-minute-school
10-minute-school
10-play
10-play
100
100
10000-sentences
10000-sentences