Menu

Beta
Sign in
Upside Down Cat SVG icon, solid

Upside Down Cat SVG icon, solid

A cat lies on its back with all four paws raised and its tail curled. It brings a playful touch to a bedroom window or a glass door in a cat shelter.

Free · from Cat Antics, Solid

Similar SVGs

More from Cat Antics, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nomZ6I2dZdHU/amnt.svg" alt="Upside Down Cat" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="640" height="640"><g id="layer-1" data-name="Group 1"><g fill="none"><defs><mask id="k0_0" maskUnits="userSpaceOnUse" x="0" y="0" width="640" height="640"><rect width="640" height="640" fill="#ffffff"/><ellipse cx="320" cy="338" rx="62" ry="87" fill="#000000"/><path d="M260 139 258 111 282 132M358 132 382 111 380 139" stroke="#000000" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/><g stroke="#000000" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"><path d="M273 177q14 15 28 0M339 177q14 15 28 0"/><path d="m313 200 7 5 7-5M320 205v8m0 0q-10 12-21 3m21-3q10 12 21 3"/></g><g fill="#000000"><g transform="translate(184 182) rotate(-18)"><ellipse cy="11" rx="17" ry="14"/><ellipse cx="-21" cy="-14" rx="6" ry="8"/><ellipse cy="-23" rx="6" ry="8"/><ellipse cx="21" cy="-14" rx="6" ry="8"/></g><g transform="translate(456 182) rotate(18)"><ellipse cy="11" rx="17" ry="14"/><ellipse cx="-21" cy="-14" rx="6" ry="8"/><ellipse cy="-23" rx="6" ry="8"/><ellipse cx="21" cy="-14" rx="6" ry="8"/></g><g transform="translate(225 425) rotate(-15)"><ellipse cy="13" rx="19" ry="16"/><ellipse cx="-23" cy="-16" rx="7" ry="9"/><ellipse cy="-27" rx="7" ry="9"/><ellipse cx="23" cy="-16" rx="7" ry="9"/></g><g transform="translate(415 425) rotate(15)"><ellipse cy="13" rx="19" ry="16"/><ellipse cx="-23" cy="-16" rx="7" ry="9"/><ellipse cy="-27" rx="7" ry="9"/><ellipse cx="23" cy="-16" rx="7" ry="9"/></g></g></mask></defs><g fill="#000000" mask="url(#k0_0)"><path d="M326 471c0 58 63 80 122 65 53-13 77-56 60-84-13-22-46-21-57-1-8 15 0 29 14 31" stroke="#000000" stroke-width="30" stroke-linecap="round"/><ellipse cx="320" cy="349" rx="105" ry="139"/><path d="M251 295q-62-30-67-107M389 295q62-30 67-107" stroke="#000000" stroke-width="48" stroke-linecap="round"/><ellipse cx="184" cy="181" rx="42" ry="49" transform="rotate(-18 184 181)"/><ellipse cx="456" cy="181" rx="42" ry="49" transform="rotate(18 456 181)"/><path d="m242 159-2-74q1-10 10-4l46 35q24-6 48 0l46-35q9-6 10 4l-2 74c10 15 15 29 12 43-7 35-44 53-90 53s-83-18-90-53c-3-14 2-28 12-43Z"/><ellipse cx="225" cy="425" rx="48" ry="64" transform="rotate(-15 225 425)"/><ellipse cx="415" cy="425" rx="48" ry="64" transform="rotate(15 415 425)"/></g></g></g></svg>
CSS background-image
.upside-down-cat {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nomZ6I2dZdHU/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.upside-down-cat {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nomZ6I2dZdHU/amnt.svg") center / contain no-repeat;
}
React
import UpsideDownCatSvg from "./upside-down-cat.jsx"; // from the React tab above

<UpsideDownCatSvg width={48} height={48} />

Tags

catlyingpawsplayful

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words A single-color vinyl decal of a cat lying on its back with all four paws in the air and its tail curled. as part of the pack Cat Antics, Solid. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings