Home/Libraries/OpenMoji (Iconify)/squid

OpenMoji (Iconify)

Squid

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="#fff" d="M43.5 42.5c0 3.866-3.134 4-7 4s-7-.134-7-4a7 7 0 1 1 14 0"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M25.284 62.461C29.19 59.694 32.91 47.287 32 45m0 13s3-7 2-13m3 0s1 9.5-1.745 14.028c0 0 .745 5.073.745 6.312M38 62V47m.741-1.348s5.072 17.583 1.375 22.184m0-22.836l5.032 17m3.16.915c-2.276 0-7.12-14.291-7.6-15.915"/><path fill="#fff" d="M31 44.385h11V56H31z"/><path fill="#f4aa41" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5" d="M34.378 10c-5.79 12.998-4.555 22.993-4.123 25.429a.94.94 0 0 0 .67.748c1.474.424 5.727 1.367 10.864-.005c.374-.1.65-.42.698-.804c.37-2.934 1.4-15.664-6.192-29.349a.958.958 0 0 0-1.464-.256a186 186 0 0 0-8.708 8.114a1 1 0 0 0-.2.289C25.407 15.331 22.68 22.34 30 26"/><path fill="#e27022" stroke="#818cf8" stroke-miterlimit="10" d="M41.47 22s5.515-4.167 2.758-8.334l-1.245-2.115l-.023-.048c-.974-2.37-2.881-6.706-5.626-7.003c-1.497-.162-2.067-.096-1.838.312l.919 1.688"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M32.688 49.688S33 54 31 57m11-2l1.813 7.5M38 48s4 18 1 20m-2-10v4m-1-14s-1 8-2 10s1 8 1 8"/><circle cx="32.222" cy="42" r="1.222"/><circle cx="40.778" cy="42" r="1.222"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M34.378 10c-6.681 15-4.009 26-4.009 26s5.346 2 12.027 0c0 0 2.673-15-6.681-31c0 0-4.715 4-9.715 9c0 0-5.682 6 1 10"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M42 22s6-4 3-8l-4-6m-9.937 29.313s-1.688 4.062-.375 6.874C32 47 25 62 24 62m18-24.687s1.688 4.062.375 6.874S48.063 62 49.063 62"/></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. SquidIcon.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.