Cat icon
andrsrxn:cat
The Cat icon (andrsrxn:cat) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Animals
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="m4.15 2.7l4.43 1.46a9 9 0 0 1 6.78 0L19.7 2.7l1.4 1.46l-.75 5.1q.57 1.5.58 3.18A8.95 8.95 0 1 1 3.6 9.26L2.85 4.7zm7.96 15.08l1.89-2.1l-.41-1.44l-3.49.23l-.16 1.35z" clip-rule="evenodd" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.11 20.42q1.76.73 3.86.75q2.1-.02 3.86-.75M9.12 4.47a8.3 8.3 0 0 1 5.7 0"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M14.85 4.46a7 7 0 0 1 3.03-1.43c1.16-.28 1.74-.42 2.5.18s.77 1.16.77 2.29q.01.8-.14 1.7c-.16.87-.24 1.31-.25 1.47c0 .16.09.78.26 2q.08.64.07 1.52M9.1 4.46a7 7 0 0 0-3.04-1.43c-1.16-.28-1.73-.42-2.5.18c-.76.6-.76 1.16-.77 2.29q-.01.8.14 1.7c.16.85.24 1.27.24 1.43s-.08.78-.25 2.03c-.06.42-.07.86-.07 1.44"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.92 10.23a.57.57 0 1 1-1.15 0a.57.57 0 0 1 1.15 0m7.25 0a.57.57 0 1 1-1.15 0a.57.57 0 0 1 1.15 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.2 14.05c-.61 0-1.05.4-1.2.61c-.15-.2-.59-.61-1.2-.61c-.78 0-1.35.78-1.1 1.6c.24.82 1.1 1.6 2.3 2.08c1.2-.39 2.06-1.26 2.3-2.08c.25-.82-.32-1.6-1.1-1.6m5.07.98l4.08.31m-16.68-.31l-3.9.31"/><path fill="currentColor" d="M17.21 17.03a.7.7 0 0 0-.89.5c-.1.41.15.84.55.96l.17-.73zm3.67 2.68c.4.12.8-.1.89-.5a.8.8 0 0 0-.55-.96l-.17.73zm-3.84-1.95l-.17.73l4.01 1.22l.17-.73l.17-.73l-4-1.22zm-10.31-.73c.4-.12.8.1.89.5c.1.41-.15.84-.55.96l-.17-.73zM3.11 19.7c-.4.12-.8-.1-.89-.5a.8.8 0 0 1 .55-.96l.17.73zm3.8-1.95l.16.73l-3.96 1.22l-.17-.73l-.17-.73l3.96-1.22z"/></g></svg>
How to use the Cat icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:cat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:cat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:cat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--cat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:cat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:cat"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/cat.svg" alt="Cat icon" width="24" height="24">
Cat icon in other icon sets
Cat icon FAQ
Is the Cat icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cat icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:cat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/cat.svg" alt="Cat icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
