Home/Libraries/OpenMoji (Iconify)/hacker-cat

OpenMoji (Iconify)

HackerCat

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="#92d3f5" d="M17.135 58.899s-2-13.5 10-13.5c3.191 2.128 5.926 3.598 9 3.592h-.125c3.102-.152 5.408-2.164 8.6-4.292c15.57 0 10.8 14.2 10.8 14.2"/><path fill="#61b2e4" d="M49.297 58.861V45.986l-4.491-.784v7.245H26.929l.002-7.245l-4.666.784v12.875z"/><path fill="#d0cfce" d="m67.087 43.423l-6.95 16.349h-24.99l6.95-16.349z"/><path fill="#9b9b9a" d="m67.303 43.423l-6.95 16.349h-8.99l6.95-16.349z"/><path fill="#f4aa41" d="M49.163 33.788c-2.113 5.285-7.42 8.703-13.631 8.703c-5.355 0-11.31-3.308-13.423-8.592l-.075-.182c-.67-1.657-.562-3.686-.562-5.583L23.626 9.37l6.008 5.843a14.4 14.4 0 0 1 5.586-1.124h.624c1.919-.002 3.818.38 5.586 1.124l6.595-6.423l2.187 19.636a14.3 14.3 0 0 1-1.04 5.366"/><path fill="#e27022" d="M35.532 42.49c6.231.2 11.955-3.397 14.068-8.682l.065-.134c.67-1.658.563-3.998.563-5.895L48.025 8.79"/><path fill="#b399c8" d="m22.652 17.7l-.487 4.728l27.132-1.641l-.283-2.454z"/><path fill="#b399c8" d="M50.897 19.6a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#fff" d="M47.072 24.975s-8.168 3.407-7.783 3.84c7.815 7.016 8.428-2.863 7.783-3.84m-22.444 0s7.557 4.01 7.784 3.84c-7.545 7.384-8.546-2.237-7.784-3.84m29.094 26.763a3.42 3.42 0 0 1-2.85 2c-1.103 0-1.62-.896-1.15-2a3.42 3.42 0 0 1 2.849-2c1.103 0 1.619.896 1.15 2"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.872 47.899c-.352.054-.71.082-1.066.08h.125c-3.074.007-5.808-1.463-9-3.591c-12 0-9.886 13.56-9.886 13.56"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M35.467 52.133h-8.538l.002-7.245m-4.666.869v12.11m12.882 1.905h24.99l6.95-16.349h-24.99zm-10.97.001h10.97"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m38.294 35.589l-2.444-3.014m-2.443 3.014l2.443-3.014m-2.443 0h4.887"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m49.767 23.869l.438 4.184a13.7 13.7 0 0 1-1.017 5.19m-26.676-.001a13.7 13.7 0 0 1-1.017-5.189l2.138-18.99l6.45 6.211a14.2 14.2 0 0 1 5.462-1.086h.61a14.2 14.2 0 0 1 5.464 1.086l6.448-6.21l.666 6.398"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M28.112 39.972a14.1 14.1 0 0 0 7.433 2.097h.61c2.625.005 5.199-.72 7.433-2.097"/><ellipse cx="28.52" cy="27.752" rx="1.222" ry="1.206"/><ellipse cx="43.181" cy="27.752" rx="1.222" ry="1.206"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M47.072 24.947s-8.168 3.408-7.783 3.84c7.815 7.016 8.428-2.862 7.783-3.84m3.85 12.248l-5.498-3.015m3.254 5.629l-5.497-3.014M24.628 24.947s7.557 4.01 7.784 3.84c-7.545 7.384-8.546-2.237-7.784-3.84m-3.849 12.248l5.497-3.015m-3.254 5.629l5.498-3.014m18.478-18.511L22.652 17.7l-.487 4.728l24.84-1.502"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M50.497 19.6a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></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. HackerCatIcon.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.