Cat With Tears Of Joy icon
openmoji:cat-with-tears-of-joy
The Cat With Tears Of Joy icon (openmoji:cat-with-tears-of-joy) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Smileys Emotion
- Tags
- catwith, withtears, tearsof, ofjoy, catwithtearsofjoy, tear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M58.65 48.875C55.06 57.974 46.045 64 35.49 64c-9.1 0-19.219-5.836-22.81-14.935l-.125-.312c-1.14-2.855-1.954-6.348-1.954-9.614l4.66-32.306L25.466 16.89a24.1 24.1 0 0 1 9.492-1.935h1.061c3.367 0 6.575.69 9.492 1.935L56.717 5.833l3.715 33.81a24.9 24.9 0 0 1-1.767 9.238"/><path fill="#e27022" d="M35.489 63.698c10.478.338 20.103-5.93 23.656-14.935l.11-.228c1.127-2.824 1.933-6.811 1.933-10.044L56.497 6.135"/><path fill="#92d3f5" d="M14.247 42.85c-1.85.156-5.588.725-7.663 2.801a3.4 3.4 0 0 0-1.008 2.429c0 .918.357 1.782 1.008 2.433c1.299 1.299 3.564 1.299 4.86 0c2.077-2.076 2.647-5.815 2.803-7.664m43.509.001c.156 1.848.726 5.587 2.802 7.663c1.3 1.299 3.564 1.297 4.862 0a3.444 3.444 0 0 0 .002-4.862c-2.076-2.076-5.815-2.646-7.666-2.802"/><path fill="#ea5a47" d="M25.099 49.036s7.785 4.152 10.38-3.114c2.594 7.266 10.783 3.064 10.783 3.064s-2.688 4.373-3.48 5.224c-4.01 4.305-9.382 4.046-13.645.116c-.934-.86-4.038-5.29-4.038-5.29"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m61.95 54.177l-9.342-5.19m5.19 10.38l-9.342-5.19M11.74 37.938L15.241 6.43L26.2 17.125a23.8 23.8 0 0 1 9.282-1.872h1.038c3.292 0 6.43.667 9.282 1.872L56.76 6.43l3.522 31.697M22.852 59.39A23.76 23.76 0 0 0 35.482 63h1.038c4.637 0 8.967-1.322 12.63-3.61M9.013 54.177l9.342-5.19m-4.152 10.38l9.342-5.19"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M55.203 37.938c-3.114-4.152-9.342-4.152-11.418 0m-26.987 0c3.114-4.152 9.342-4.152 11.418 0"/><path d="M9.014 53.548a5.48 5.48 0 0 1-3.898-1.616a5.48 5.48 0 0 1-1.616-3.9a5.47 5.47 0 0 1 1.616-3.897c3.43-3.43 9.952-3.469 10.228-3.469c.573 0 1.038.465 1.038 1.038c0 .276-.039 6.798-3.47 10.228a5.47 5.47 0 0 1-3.898 1.616M14.247 42.8c-1.85.156-5.588.726-7.663 2.802a3.4 3.4 0 0 0-1.008 2.428c0 .919.357 1.782 1.008 2.433c1.299 1.3 3.564 1.3 4.86 0c2.077-2.076 2.647-5.814 2.803-7.663M62.99 53.548a5.48 5.48 0 0 1-3.9-1.616c-3.43-3.43-3.468-9.952-3.468-10.228c0-.574.464-1.038 1.038-1.038c.275 0 6.8.039 10.23 3.469a5.52 5.52 0 0 1-.003 7.797a5.47 5.47 0 0 1-3.896 1.616M57.757 42.8c.156 1.849.726 5.587 2.802 7.663c1.3 1.3 3.564 1.298 4.862 0a3.444 3.444 0 0 0 .002-4.861c-2.076-2.076-5.815-2.646-7.666-2.802"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M31.637 45.466h8.321m-14.56 3.12s7.8 4.16 10.4-3.12c2.6 7.28 10.804 3.07 10.804 3.07s-2.693 4.381-3.487 5.234c-4.017 4.313-9.4 4.053-13.672.116c-.935-.862-4.046-5.3-4.046-5.3"/></svg>How to use the Cat With Tears Of Joy icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:cat-with-tears-of-joy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:cat-with-tears-of-joy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:cat-with-tears-of-joy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--cat-with-tears-of-joy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:cat-with-tears-of-joy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:cat-with-tears-of-joy"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/cat-with-tears-of-joy.svg" alt="Cat With Tears Of Joy icon" width="24" height="24">Related icons in OpenMoji
Cat With Tears Of Joy icon in other icon sets
Cat With Tears Of Joy icon FAQ
Is the Cat With Tears Of Joy icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Cat With Tears Of Joy icon in React?
Install @iconify/react and render <Icon icon="openmoji:cat-with-tears-of-joy" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cat With Tears Of Joy icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/cat-with-tears-of-joy.svg" alt="Cat With Tears Of Joy icon">, or paste the SVG code inline to style it with CSS.