Home/Libraries/Noto Emoji (v1) (Iconify)/squid

Noto Emoji (v1) (Iconify)

Squid

License: Apache-2.0Commercial 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 128 128"><path fill="#818cf8" d="M123.8 71.9c-5.1-4-11.6-5.4-19.8-2.1c-7 2.8-12.9 11.4-17.1 17.2c-3.3 4.5-7.1 10-13.4 10.1c-4.7.1-9.5-4.8-9.7-9.6c-.3-5.1 3.2-7.4 6-11.1c0 0-7.1-6.3-9.1-9.1c-2.8-2.1-9.1-9.1-9.1-9.1c-3.7 2.8-6 6.3-11.1 6c-4.9-.3-9.7-5-9.6-9.7c.1-6.2 5.6-10.1 10.1-13.4C46.8 36.9 55.4 31 58.2 24c3.4-8.3 1.9-14.7-2.1-19.8c-2.6-3.3-4.9-3.6-4.7-1c.4 5-2.7 9.9-6.3 14.5c-1.9 2.4 1.8 2.9 1.4 5.7c-.7 4.9-8.3 8.2-12.6 11.6c-4.8 3.7-10 8.2-11.3 14.6c-1.5 7 .5 11.3 5.2 16c4.3 4.3 7.4 4.5 9 5.9c1.2 1-3.4 3.7-6.5 2.2c-3.4-1.7-5-5.7-6.3-7.9c-3.7-6.4-8-12.3-16.3-11c-2.9.5-7.9 3.8-5.8 7c2.6 4.1 7.5-1 10.9.5c2.7 1.2 4.6 4.5 5.9 7.1c1.5 2.9 3.4 5.8 6 8.1c4 3.5 8.7 2.1 8.9 3.3c.4 1.3-2.6 4.7-5.5 6s-6.9 1.3-9.8-.1c-2.4-1.2-5.4-3.4-5.5-6.2c-.1-1.3.1-2.5 1-3.6c1.2-1.6 3.1-1.3 3.6-2.1c1-1.8-1.6-3.6-3.6-3.7c-2.5-.2-4.9.7-6.5 2.7c-5.2 6.5 1 15.8 7.7 18.7c6.3 2.7 11.1 2 15.4 1c2.4-.6 4.3-1.6 5-.9s-.3 2.6-.9 5c-1.1 4.2-1.8 9 1 15.4c2.9 6.7 12.2 13 18.7 7.7c2-1.6 2.9-4 2.7-6.5c-.2-2-1.9-4.7-3.7-3.6c-.8.5-.5 2.3-2.1 3.6c-1.1.8-2.2 1.1-3.6 1c-2.8-.2-5-3.1-6.2-5.5c-1.4-3-1.4-6.9-.1-9.8c1.4-2.9 4.8-6 6-5.5c1.2.2-.1 5 3.3 8.9c2.3 2.6 5.1 4.5 8.1 6c2.6 1.3 5.9 3.2 7.1 5.9c1.5 3.5-3.6 8.3.5 10.9c3.2 2.1 6.6-2.9 7-5.8c1.3-8.3-4.6-12.5-11-16.3c-2.2-1.3-6.2-2.8-7.9-6.3c-1.5-3.1 1.1-7.7 2.2-6.5c1.4 1.6 1.6 4.7 5.9 9c4.7 4.7 9 6.7 16 5.2c6.4-1.3 10.9-6.6 14.6-11.3c3.4-4.4 6.7-11.9 11.6-12.6c2.8-.4 3.2 3.3 5.7 1.4c4.7-3.6 9.6-6.7 14.5-6.3c2.5.1 2.3-2.1-1-4.7"/><defs><path id="SVGkGkfrbqC" d="M35.4 92.6c-.7-.7-2.6.3-5 .9c-4.2 1.1-9 1.8-15.4-1c-6.7-2.9-13-12.2-7.7-18.7c1.6-2 4-2.9 6.5-2.7c2 .2 4.7 1.9 3.6 3.7c-.5.8-2.3.5-3.6 2.1c-.8 1.1-1.1 2.2-1 3.6c.2 2.8 3.1 5 5.5 6.2c3 1.4 6.9 1.4 9.8.1c2.9-1.4 6-4.8 5.5-6c-.2-1.2-5 .1-8.9-3.3c-2.6-2.3-4.5-5.1-6-8.1c-1.3-2.6-3.2-5.9-5.9-7.1c-3.3-1.5-8.2 3.6-10.8-.5c-2.1-3.2 2.9-6.6 5.8-7c8.3-1.3 12.5 4.6 16.3 11c1.3 2.2 2.8 6.2 6.3 7.9c3.1 1.5 7.7-1.1 6.5-2.2c-1.6-1.4-4.7-1.6-9-5.9c-4.7-4.7-6.7-9-5.2-16C24 43.2 29.3 38.7 34 35c4.4-3.4 11.9-6.7 12.6-11.6c.4-2.8-3.3-3.2-1.4-5.7c3.6-4.7 6.7-9.6 6.3-14.5c-.2-2.6 2.1-2.4 4.7 1c4 5.1 5.4 11.6 2.1 19.8c-2.9 7-11.5 12.9-17.3 17.1c-4.5 3.3-10 7.1-10.1 13.4c-.1 4.7 4.8 9.5 9.6 9.7c5.1.3 7.4-3.2 11.1-6c0 0 6.3 7.1 9.1 9.1"/></defs><clipPath id="SVG3hWhpb0b"><use href="#SVGkGkfrbqC"/></clipPath><path fill="#818cf8" d="M45.5 57c-.8 1.4 0 7.1 1.9 11.2c.8 1.7 2.3 4.2 5.3 7.2c2-1 4.8-.3 6.6-1.5c.8-.6 1.5-1 1.5-2.2c-.1-1.7-1.4-3.7-2.1-5.3c-1.3-2.8-1.9-6.3-5.2-7.4c-2.5-.9-5.4-1.9-8-2" clip-path="url(#SVG3hWhpb0b)"/><path fill="#818cf8" d="M111.3 13.9c-9.3-3.7-19.5-7.7-29.4-6.5c-4.2.5-9.4 2.6-8.8 7.8c.7 6 7.5 10.2 13 10.9c10.2 1.4 18.3-6.1 25-12.1"/><defs><path id="SVG216LTczo" d="M111.3 13.9c-9.3-3.7-19.5-7.7-29.4-6.5c-4.2.5-9.4 2.6-8.8 7.8c.7 6 7.5 10.2 13 10.9c10.2 1.4 18.3-6.1 25-12.1"/></defs><clipPath id="SVGLQhE2bke"><use href="#SVG216LTczo"/></clipPath><path fill="#818cf8" d="M99.1 6.8c-.4 4.3-6 5.5-10.4 7c-5.6 2-7 4.9-11.2 3.9c-2-.4-3.6-1.6-4.9-2.9c-1.5-1.5 2.5 6.4 3.5 7.1c9.1 6.3 19.3 2.5 26.7-3.2c1.9-1.5 7.3-5.1 6.4-8.3c-.7-2.6-7.9-3-10.1-3.6" clip-path="url(#SVGLQhE2bke)"/><circle cx="44.5" cy="67.1" r="6.2" transform="rotate(-45.001 44.524 67.12)"/><defs><path id="SVG1HKx7cjm" d="M35.4 92.6c.7.7-.3 2.6-.9 5c-1.1 4.2-1.8 9 1 15.4c2.9 6.7 12.2 13 18.7 7.7c2-1.6 2.9-4 2.7-6.5c-.2-2-1.9-4.7-3.7-3.6c-.8.5-.5 2.3-2.1 3.6c-1.1.8-2.2 1.1-3.6 1c-2.8-.2-5-3.1-6.2-5.5c-1.4-3-1.4-6.9-.1-9.8c1.4-2.9 4.8-6 6-5.5c1.2.2-.1 5 3.3 8.9c2.3 2.6 5.1 4.5 8.1 6c2.6 1.3 5.9 3.2 7.1 5.9c1.5 3.5-3.6 8.3.5 10.9c3.2 2.1 6.6-2.9 7-5.8c1.3-8.3-4.6-12.5-11-16.3c-2.2-1.3-6.2-2.8-7.9-6.3c-1.5-3.1 1.1-7.7 2.2-6.5c1.4 1.6 1.6 4.7 5.9 9c4.7 4.7 9 6.7 16 5.2c6.4-1.3 10.9-6.6 14.6-11.3c3.4-4.4 6.7-11.9 11.6-12.6c2.8-.4 3.2 3.3 5.7 1.4c4.7-3.6 9.6-6.7 14.5-6.3c2.6.2 2.4-2.1-1-4.7c-5.1-4-11.6-5.4-19.8-2.1c-7 2.8-12.9 11.4-17.1 17.2c-3.3 4.5-7.2 10-13.4 10.1c-4.7.1-9.5-4.8-9.7-9.6c-.3-5.1 3.2-7.4 6-11.1c0 0-7.1-6.3-9.1-9.1"/></defs><clipPath id="SVGXyTVjWEr"><use href="#SVG1HKx7cjm"/></clipPath><path fill="#818cf8" d="M71 82.5c-1.4.8-7.1 0-11.2-1.9c-1.7-.8-4.2-2.3-7.2-5.3c1-2 .3-4.8 1.5-6.6c.6-.8 1-1.5 2.2-1.5c1.7.1 3.7 1.4 5.3 2.1c2.8 1.3 6.3 1.9 7.4 5.2c.9 2.5 1.9 5.4 2 8" clip-path="url(#SVGXyTVjWEr)"/><path fill="#818cf8" d="M114.1 16.7c3.7 9.3 7.7 19.5 6.5 29.4c-.5 4.2-2.6 9.4-7.8 8.8c-6-.7-10.2-7.5-10.9-13c-1.4-10.2 6.1-18.3 12.1-25"/><defs><path id="SVGvShsD8pp" d="M114.1 16.7c3.7 9.3 7.7 19.5 6.5 29.4c-.5 4.2-2.6 9.4-7.8 8.8c-6-.7-10.2-7.5-10.9-13c-1.4-10.2 6.1-18.3 12.1-25"/></defs><clipPath id="SVGFyPvrb6W"><use href="#SVGvShsD8pp"/></clipPath><path fill="#818cf8" d="M121.2 28.9c-4.3.4-5.5 6-7 10.4c-2 5.6-4.9 7-3.9 11.2c.4 2 1.6 3.6 2.9 4.9c1.5 1.5-6.4-2.5-7.1-3.5c-6.3-9.1-2.5-19.3 3.2-26.7c1.5-1.9 5.1-7.3 8.3-6.4c2.6.7 3 7.9 3.6 10.1" clip-path="url(#SVGFyPvrb6W)"/><path fill="#818cf8" d="M116.3 11.7c-2.9-2.9-34.9 7-54.9 25.4c-5.3 4.9-9.2 9.7-11.3 16.8c-2.2 7.7 2.2 12.7 6.7 17.3s9.6 9 17.3 6.7c7.1-2.1 11.9-6 16.8-11.3c18.5-20 28.3-52 25.4-54.9"/><circle cx="60.9" cy="83.5" r="6.2" transform="rotate(-45.001 60.881 83.477)"/></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 **Apache-2.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.