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

OpenMoji (Iconify)

BlackCat

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"><g fill="#3f3f3f"><path d="m48.128 45.27l.39.397a6.7 6.7 0 0 0 3.322 1.84l2.002.445a1.553 1.553 0 0 1 1.142 1.987l-.389 1.223a4.64 4.64 0 0 0-.097 2.46l.077.33a1.553 1.553 0 0 0 2.886.372l1.298-2.462a17.3 17.3 0 0 0 1.537-4.112l.265-1.133a4.38 4.38 0 0 0-.664-3.495c-.71-1.024-1.42-2.05-1.923-3.087a1.5 1.5 0 0 0-.375-.484c-.636-.556-1.13-1.229-1.566-1.97c-.949-1.613-3.24-1.703-4.261-.136l-3.839 5.887a1.55 1.55 0 0 0 .195 1.939m-17.998-.2l-.761 1.19a2.4 2.4 0 0 0-.329.803l-1.357 6.458a2.4 2.4 0 0 1-.579 1.13l-.064.07a2.409 2.409 0 0 1-4.177-1.397l-.298-3.13a2.4 2.4 0 0 1 .025-.64c.193-1.104.844-4.786 1.267-6.505c.25-1.02 1.541-1.615 2.768-1.956c1.348-.375 2.78.217 3.521 1.405c.491.789.485 1.79-.016 2.572"/><path d="m67.59 16.75l-.471-.098c-.862-.253-1.524-.417-2.06-.511a3.78 3.78 0 0 0-3.898 1.788c-.403.674-.8 1.468-.907 2.11l-.35 2.117a10.5 10.5 0 0 1-2.424 5.55l-.353.415a7.7 7.7 0 0 1-1.978 1.66l-.31.181a5.2 5.2 0 0 1-2.6.71q-.272.002-.54-.048c-.28-.054-.8-.115-.8-.115a13.2 13.2 0 0 1-4.704-.868l-3.051-1.167l-1.935-.676a21.6 21.6 0 0 0-8.305-1.176l-5.508.301a2 2 0 0 0-.229.028l-3.035.583c-2.145.413-4.574 1.04-6.577.168l-2.648-1.423c-.092-.04-.844-.525-.927-.58l-2.115-1.46c-.378-.25-1.827-.785-2.27-.695l-1.614.067c-1.105.226-.393.598.121 1.601l.43.702c.279.543-.356 1.142-.688 1.653l-2.046 3.145a3.2 3.2 0 0 0-.443 2.442a3.82 3.82 0 0 0 3.643 2.993l1.918.045q.179.004.353.045l.697.165a3.3 3.3 0 0 0 1.869-.099a1.703 1.703 0 0 1 2.263 1.744c-.033.409.03.82.184 1.199l.568 1.403c.194.479.16 1.02-.092 1.47a7.4 7.4 0 0 1-1.849 2.176l-.976.776a4.95 4.95 0 0 0-1.835 3.29l-.093.789a2.96 2.96 0 0 0 .684 2.265l.528.62c1.522 1.79 4.524.44 4.074-1.867l-.022-.109c-.129-.59.027-1.21.46-1.632l.705-.69a7.15 7.15 0 0 1 3.198-1.804l2.66-.692q.248-.065.467-.199a5.4 5.4 0 0 1 3.785-.722l2.258.402q.148.026.298.026h7.315c.587 0 1.133.302 1.444.8l1.219 1.947c.26.418.329.928.185 1.399l-1.116 3.67q-.082.272-.072.554l.022.65a1.703 1.703 0 0 0 3.064.963l2.503-3.337l1.594-2.115c.223-.296.343-.655.343-1.025V46.05c0-.458.184-.896.51-1.216l2.914-2.86q.215-.211.345-.484l1.95-4.102c.17-.357.437-.655.775-.858c1.516-.912 6.032-3.857 7.87-7.591c3.596-5.054-.678-9.975 4.437-8.312c1.29.419 2.75-2.25 1.187-3.875z"/></g><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12.46 35.74c-2.333 1-4.917.833-4.917.833c-1.677.146-3.115-4.01-2.485-4.733l3.318-5.1l-1.75-3.417s5.008-1.415 7.883 2.09c.344.42.794.743 1.279.987l.091.046c2.593 1.289 5.546 1.571 8.385.998c7.222-1.458 14.07-1.37 21.7 2.212c7.625 3.583 14.83-2.25 13.94-7.5c-.793-4.647 3.562-7.583 6.75-5M16.05 48.82c.6-2.206 8.491-3.648 8.491-3.648s3.228-1.201 1.426-4.504"/><path d="M18.3 33.24c-1.543 1.834-3.893 4.803-.44 9.158c0 0-6.756 2.853-6.006 8.033c0 0 .362 2.476 2.402 2.402M23.5 50.03c-1.156 7.254 2.386 6.055 3.017 5.661c1.148-.717 1.848-9.854 3.952-11.31c1.592-1.104 8.167-.302 8.167-.302m-.196-2.749c.091 1.742.753 3.402 1.734 4.845c.662.973 1.803 2.32 1.453 2.985c-4.479 8.5.622 7.022 1.083 6.167c3.188-5.917 6.125-4.104 4.647-10.52c0 0 5.27-1.81 5.52-7.977"/><path d="M48.15 45.59s2.367 3.204 7.758 2.693c0 0-3.326 6.762 0 7.62c1.917.494 4.722-11.16 4.722-11.16s-2.667-2.45-3.583-4.366"/></g></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. BlackCatIcon.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.