Home/Libraries/Twitter Emoji (Iconify)/fish

Twitter Emoji (Iconify)

Fish

License: CC-BY-4.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 36 36"><path fill="#818cf8" d="M32.153 24c0-1 1.523-6.212 3.047-7.735c1.522-1.523 0-3.166-1.523-3.166c-3.405 0-9.139 6.901-9.139 10.901c0 5 5.733 10.424 9.139 10.424c1.523 0 3.046-1.404 1.523-2.928C33.677 29.974 32.153 26 32.153 24"/><path fill="#818cf8" d="M9.021 14.384c0-3.046 1.497-6.093 3.02-6.093c4.569 0 13.322 4.823 14.845 12.439S9.021 14.384 9.021 14.384m4.854 18.278c1.523 1.523 4.57 3.047 7.617 3.047s-3.111-4.189-1.523-6.092c2.18-2.617-6.094 3.045-6.094 3.045"/><path d="M2.071 28.727c.761-2.285.19-3.935-1.143-5.584c-1.333-1.651 3.872-1.904 5.585.381s5.713 6.281 2.158 6.22c-3.553-.065-6.6-1.017-6.6-1.017"/><path fill="#818cf8" d="M.168 23.488c.959.874 7.223 4.309 7.165 5.137s-2.279-.088-3.105-.279c-1.485-.342-1.905-.598-2.317-.526c-.84.321-.554 1.201-.242 1.704c1.498 2.61 7.286 4.662 12.16 4.662c8.412 0 16.802-7.615 16.802-10.662c0-3.046-9.345-10.663-17.757-10.663C4.483 12.86.18 18.922.168 23.488"/><path d="M7 17a2 2 0 1 1 .001 3.999A2 2 0 0 1 7 17"/><path fill="#818cf8" d="M15.08 29.98a.997.997 0 0 1-.885-1.463c1.585-3.034 2.218-5.768.154-9.243a1 1 0 0 1 1.72-1.022c2.693 4.535 1.46 8.202-.102 11.191a1 1 0 0 1-.887.537"/></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. FishIcon.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-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.