Menu

Beta
Sign in
Yarn Bat SVG icon, solid

Yarn Bat SVG icon, solid

A playful cat bats at a dangling yarn ball, with a clear gap between paw and toy. Use it on a craft room window or the glass entry at a yarn shop.

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/JqY5eMeODVyv/amnt.svg" alt="Yarn Bat" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Shape 1"><path d="M389 57L389 143" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Circle 2"><path d="M434 188C434 212.85 413.85 233 389 233C364.15 233 344 212.85 344 188C344 163.15 364.15 143 389 143C413.85 143 434 163.15 434 188Z" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M355 159C382 171 403 195 414 225" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Shape 4"><path d="M345 180C369 189 386 208 393 232" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Shape 5"><path d="M375 145C403 157 424 178 432 199" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-6" data-name="Shape 6"><path d="M357 219C369 199 391 178 414 163" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-7" data-name="Shape 7"><path d="M189 426C153 451 110 439 104 402C100 377 112 357 132 360C148 363 149 382 136 389" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-8" data-name="Shape 8"><path d="M176 439C166 407 174 366 193 332L207 306C184 293 174 272 177 246L174 190L214 215C229 210 247 211 261 216L293 190L290 246C296 265 287 285 271 297L263 321L318 280C329 272 342 276 347 287C351 296 348 304 339 311L267 371L278 415C295 415 304 424 304 439Z" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-9" data-name="Shape 9"><path d="M212 251L219 255M259 251L252 255" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-10" data-name="Shape 10"><path d="M231 271L239 271L235 277Z" fill="#000000"/></g><g id="layer-11" data-name="Shape 11"><path d="M228 439L228 398" fill="none" stroke="#000000" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.yarn-bat {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JqY5eMeODVyv/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.yarn-bat {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JqY5eMeODVyv/amnt.svg") center / contain no-repeat;
}
React
import YarnBatSvg from "./yarn-bat.jsx"; // from the React tab above

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

Tags

catyarnplayingball

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words A single-color vinyl decal of a cat batting at one dangling yarn ball, with a clear gap between paw and ball. 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