Cat icon

fxemoji:cat

The Cat icon (fxemoji:cat) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#F9E7C0" d="M456.277 23.89c-17.004-3.034-73.198 16.638-112.369 70.597c-26.901-12.134-56.968-19.096-88.84-19.096a215.5 215.5 0 0 0-88.048 18.753c-39.16-53.7-95.154-73.28-112.122-70.253c-16.694 2.979-55.89 103.224-5.649 180.983c-12.873 23.231-20.21 49.955-20.21 78.397c0 89.477 72.535 162.012 162.012 162.012c6.45 0 12.808-.391 19.061-1.125c13.617 7.634 29.318 11.992 46.039 11.992c16.704 0 32.39-4.349 45.997-11.968a163 163 0 0 0 18.859 1.102c89.477 0 162.012-72.535 162.012-162.012c0-28.737-7.489-55.723-20.612-79.122c49.527-77.657 10.511-177.291-6.13-180.26"/><path fill="#2B3B47" d="M311.277 438.869a35.2 35.2 0 0 1-21.822 7.544c-5.455 0-10.982-1.245-16.189-3.775c-7.734-3.759-13.667-9.832-17.128-17.11c-3.461 7.278-9.394 13.351-17.128 17.11c-5.206 2.529-10.735 3.775-16.189 3.775a35.2 35.2 0 0 1-21.823-7.544a3.5 3.5 0 0 1 4.326-5.504c8.663 6.808 20.397 7.947 30.627 2.977c10.246-4.98 16.611-14.926 16.61-25.956c0-.652.19-1.255.5-1.778a3.46 3.46 0 0 1-.41-1.61v-26.203a3.5 3.5 0 1 1 7 0v26.203c0 .593-.162 1.144-.422 1.633c.302.518.488 1.112.488 1.754c-.001 11.03 6.364 20.976 16.61 25.956c10.23 4.972 21.965 3.83 30.627-2.977a3.499 3.499 0 1 1 4.323 5.505m-175.253-128.22c10.078 0 18.93 5.222 24.017 13.103a26.3 26.3 0 0 0 2.364-10.912v-59.143c0-14.57-11.811-26.381-26.381-26.381s-26.381 11.811-26.381 26.381v59.143c0 3.893.85 7.585 2.364 10.912c5.087-7.881 13.94-13.103 24.017-13.103m239.126 0c10.078 0 18.93 5.222 24.017 13.103a26.3 26.3 0 0 0 2.364-10.912v-59.143c0-14.57-11.811-26.381-26.381-26.381s-26.381 11.811-26.381 26.381v59.143c0 3.893.85 7.585 2.364 10.912c5.086-7.881 13.939-13.103 24.017-13.103"/><path fill="#DDC89B" d="M351.169 327.418a8.32 8.32 0 0 1-7.462-4.624a8.32 8.32 0 0 1 3.753-11.157c17.63-8.755 37.769-9.015 55.249-.712a8.325 8.325 0 0 1-7.143 15.039c-12.838-6.1-27.674-5.885-40.702.583a8.3 8.3 0 0 1-3.695.871m-235.43-.871c13.027-6.468 27.863-6.683 40.703-.583a8.324 8.324 0 0 0 7.142-15.039c-17.481-8.304-37.621-8.044-55.25.712a8.323 8.323 0 0 0-3.753 11.157a8.323 8.323 0 0 0 11.158 3.753M10.156 409.035c.424-.222 44.054-22.233 184.573-25.062a2.5 2.5 0 0 0 2.449-2.55c-.027-1.38-1.156-2.512-2.55-2.448c-142.105 2.86-185.044 24.708-186.802 25.636a2.498 2.498 0 0 0 1.173 4.709c.39 0 .787-.091 1.157-.285m15.131 34.881c.677-.212 68.625-21.357 151.372-40.457a2.5 2.5 0 1 0-1.125-4.871C92.605 417.73 24.475 438.931 23.797 439.143a2.5 2.5 0 0 0 1.49 4.773m30.735 46.293c.58-.561 59.145-56.302 157.143-78.923a2.5 2.5 0 1 0-1.125-4.871c-99.333 22.929-158.901 79.628-159.491 80.198a2.5 2.5 0 1 0 3.473 3.596m452.88-82.219a2.5 2.5 0 0 0-1.043-3.379c-1.759-.929-44.698-22.776-186.803-25.637l-.052-.001a2.5 2.5 0 0 0-.05 4.999c140.519 2.829 184.148 24.841 184.568 25.061a2.5 2.5 0 0 0 3.38-1.043m-15.373 34.284a2.5 2.5 0 0 0-1.642-3.132c-.679-.212-68.809-21.413-151.737-40.555a2.494 2.494 0 0 0-2.998 1.873a2.5 2.5 0 0 0 1.873 2.998c82.735 19.098 150.695 40.245 151.372 40.457a2.5 2.5 0 0 0 3.132-1.641m-30.333 47.873a2.5 2.5 0 0 0-.061-3.534c-.591-.57-60.158-57.27-159.491-80.198a2.49 2.49 0 0 0-2.998 1.873a2.5 2.5 0 0 0 1.873 2.998c97.916 22.602 156.562 78.363 157.143 78.924a2.5 2.5 0 0 0 1.736.701a2.5 2.5 0 0 0 1.798-.764"/><path fill="#FFA1E0" d="m250.508 383.349l-28.792-21.136c-8.132-5.97-1.542-15.322 10.796-15.322h45.703c12.338 0 18.928 9.352 10.796 15.322l-28.792 21.136c-2.67 1.96-7.04 1.96-9.711 0M78.854 166.402c14.831-21.141 33.975-39.837 56.312-54.711c-27.68-34.944-61.096-48.062-73.065-45.927c-12.164 2.171-40.186 72.9-7.75 130.539a162.8 162.8 0 0 1 24.503-29.901m348.644-5.223a163 163 0 0 1 29.74 34.395c31.793-57.504 3.948-127.649-8.165-129.811c-12.019-2.145-45.664 11.098-73.411 46.372c20.193 13.557 37.747 30.251 51.836 49.044"/></svg>

How to use the Cat icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:cat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:cat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:cat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cat"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:cat"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/cat.svg" alt="Cat icon" width="24" height="24">

Related icons in Firefox OS Emoji

Cat icon in other icon sets

Cat icon FAQ

Is the Cat icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 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="fxemoji: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/fxemoji/cat.svg" alt="Cat icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →