Cat Face icon
vs:cat-face
The Cat Face icon (vs:cat-face) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1792 × 1664 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1792 × 1664
- Tags
- catface
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1664" viewBox="0 0 1792 1664"><path fill="currentColor" d="M774 1404q-1-2-11 0t-27-4t-33.5-14t-30-30t-16.5-53q-3-23-26-22q-24 1-33 25q-2 8-2 17q6 51 43.5 88.5t75 51.5t66.5 14q25 0 55-27t47-54l17-27q6 1 20 17t29.5 34t43 32.5t58.5 13.5q45-2 100.5-45t64.5-108q3-22-10-31.5t-28.5-3t-17.5 23.5q-9 61-46 82t-82 16q-20-1-39.5-24t-33.5-57.5t-23.5-67.5t-14.5-61q7-4 37-46t30-50q-7-6-48-5.5t-89 3.5l-48 3q74 90 83 95q-4 56-39 133.5t-72 80.5m840-669q-8-6-42.5-39.5t-68.5-56t-71-26.5q-41-5-90 9t-64 39q48 25 69.5 66.5t18 83.5t-18 85t-32.5 72.5t-32 44.5q-22-4-45-22t-46.5-56t-29-94t8.5-137q-108 65-152 317q49 13 110 22t131.5 7.5T1369 1029q83-44 149-129t96-165m-1436 0q30 80 96 165t149 129q38 20 108.5 21.5T663 1043t110-22q-44-252-152-317q8 89 2.5 146T595 943t-43.5 51t-42.5 19q-14-15-32-44.5T444.5 896t-18-85t18-83.5T514 661q-15-25-64-39t-90-9q-37 4-71 26.5t-68.5 56T178 735m718-378q107 0 165 7.5t127 34.5q4 2 20.5-19.5t45-58T1317 244t83.5-86t96.5-76q72-47 123-66.5T1728 0q30 49-.5 276.5T1664 576q69 125 98.5 260.5T1792 1074q0 87-101.5 194.5t-243 193t-296 144T896 1664t-255.5-58.5t-296-144t-243-193T0 1074q0-102 29.5-237.5T128 576q-33-72-63.5-299.5T64 0q58-4 108.5 15.5T294 82q48 31 97 76t84 86t63.5 77.5t45 58T604 399q69-27 127-34.5t165-7.5"/></svg>
How to use the Cat Face icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:cat-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:cat-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:cat-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--cat-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:cat-face"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:cat-face"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/vs/cat-face.svg" alt="Cat Face icon" width="24" height="24">
Cat Face icon in other icon sets
Cat Face icon FAQ
Is the Cat Face icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Cat Face icon in React?
Install @iconify/react and render <Icon icon="vs:cat-face" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cat Face icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/cat-face.svg" alt="Cat Face icon">, or paste the SVG code inline to style it with CSS.
Browse all Vesper Icons →
ICONYZ
