Home/Libraries/Game Icons (Iconify)/flatfish

Game Icons (Iconify)

Flatfish

License: CC-BY-3.0

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" d="M288.9 92.42c-5.3 0-10.7.33-16 .88c-29.8 3.12-65 23.7-90 51.1c-19.5 21.5-32.3 46.6-33.6 69.8l7.6 3.3c6.4-8.9 19.7-26.3 37.6-44.1c25.2-25.1 59.2-51.3 96.5-51c37.6.4 80.9 18 119.9 43.2c18.8 12.2 36.5 26.1 52 40.9c-34.4-73.1-106-114.46-174-114.08m1.9 47.98c-28.3-.3-59.8 22.1-83.6 45.8c-23.8 23.6-39.7 47.4-39.7 47.4l-4.2 6.2l-31.4-13.4c-7.9 9.9-11.1 24.3-10.7 38.7c.4 12.7 4 25.1 7.8 32.5l27.9-12l4.1 6.1c37 54.4 101.5 83.4 157.7 85.5c56.4-7 128.7-26.7 169.3-84l-36-2.5l31.9-31.1c-9.8-15.4-23.8-31.4-40.3-46.3c.3 1.1.4 2.3.4 3.5c0 8.8-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16h.9c-8.8-7.1-18.1-13.9-27.8-20.1c-37-23.9-78.3-40-110.3-40.3m87.7 50.8l15.8 8.6c-26.6 49.1-22.2 96.1 9.4 128.6l-13 12.6c-37.2-38.3-41.6-95.5-12.2-149.8m-335.64 7c0 21.3-1.94 41.4-18.88 63.2c7.88 6.8 13.34 14.6 16.55 23.6c3.57 10.1 4.67 21.2 5.22 34.2c9.11 1.1 23.71-.3 38.01-4.2c10.03-2.8 19.94-6.7 28.04-10.7c-5.3-10.6-8.2-24.2-8.6-38.7c-.5-16.2 2.7-33.8 12.5-47.7c-8.7-4.9-18.59-9.2-28.74-12.3c-15.18-3.8-29.54-7.4-44.1-7.4M428 248.8c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16m-276.7 60.1c1.5 6.1 4.4 12.7 8.6 19.8c8.1 13.7 21 28.3 36.4 41.6c30.8 26.5 71.9 47.4 103.2 49.2c22.2 1.3 47-11.3 69-28.9c2.4-1.9 4.8-3.9 7.1-5.9c-19.5 3-39 10.4-56.8 10.5c-59.5-1.9-126.1-30.9-167.5-86.3m270.1 59.6c-7.1 3.2-14.3 6.1-21.5 8.6c1.9 9.8 1.3 19.3.2 28.2c7.5-3.1 14.4-7.5 20.6-14.4c2.5-6.8 2.1-14.2.7-22.4"/></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. FlatfishIcon.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-3.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.