Иконка Cat

openmoji:cat

Иконка Cat (openmoji:cat) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Животные и природа

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#e27022" d="m48.544 45.693l.18.182a5.7 5.7 0 0 0 2.83 1.567l1.73.386a2.075 2.075 0 0 1 1.527 2.655l-.347 1.091a3.07 3.07 0 0 0-.064 1.628l.258 1.106a1.22 1.22 0 0 0 1.56.882a2.45 2.45 0 0 0 1.413-1.188l1.51-2.866a15.4 15.4 0 0 0 1.068-2.56l.273-.868a5.25 5.25 0 0 0-1.144-5.104c-1.843-2.025-2.818-4.375-3.8-6.831a.682.682 0 0 0-1.163-.176l-5.963 7.351a2.06 2.06 0 0 0 .133 2.745ZM30.292 43.6l-1.161 3.032l-1.404 6.683a3.2 3.2 0 0 1-.766 1.493a2.24 2.24 0 0 1-2.427.59a2.51 2.51 0 0 1-1.631-2.192l-.23-3.624s.5-4.511 1-6.547c.304-1.238 2.21-1.845 3.657-2.131a2.41 2.41 0 0 1 2.508 1.102z"/><path fill="#f4aa41" d="m67.14 16.53l-1.887-.585c-1.135-.141-1.725-.141-2.8.249l-.942.4c-1.156.419-1.682 2.018-1.868 3.233c-.151.987.078 1.931-.059 2.853a9.12 9.12 0 0 1-2.778 5.307l-.165.156a6.8 6.8 0 0 1-3.733 1.782l-2.303.315a7.76 7.76 0 0 1-4.12-.559l-.964-.415a17.6 17.6 0 0 0-5.659-1.384l-10.054-.742a19.2 19.2 0 0 0-5.022.292l-.654.126a10.84 10.84 0 0 1-6.374-.707l-1.69-.736a19.3 19.3 0 0 1-2.97-1.617l-2.453-.773c-.322-.214-2.28-.17-2.28-.17c-.945.193-1.301.641-.862 1.499l.492.96c.237.464.209 1.02-.076 1.457l-1.832 2.817a4.48 4.48 0 0 0-.618 3.412A3.15 3.15 0 0 0 8.4 36.165c1.066.048 2.316.133 3.379.282a5.2 5.2 0 0 0 2.456-.261l.043-.015c.88-.31 1.834.262 1.93 1.183c.137 1.298.633 2.594 1.139 3.815a1.455 1.455 0 0 1-.656 1.829c-2.128 1.172-3.337 2.302-4.053 4.036c-.16.39-.296 1.023-.411 1.73c-.288 1.761-1.04 3.013.397 4.072l.88.448c.372.274 1.469.436 1.908.292c.96-.315 2.413-1.2 1.822-3.629a1.47 1.47 0 0 1 .389-1.397l1.104-1.078a9.7 9.7 0 0 1 2.497-1.764a188 188 0 0 1 2.689-1.295c.217-.102.45-.147.69-.135l13.513.677c.398.02.77.203 1.03.505l1.886 2.192c.285.331.406.774.33 1.204l-.868 4.855a1.455 1.455 0 0 0 2.596 1.13l4.213-5.605c.19-.252.292-.56.292-.874v-2.458c0-.35.124-.685.353-.95c1.149-1.334 4.763-5.673 5.668-8.483l.012.017s5.806-3.004 8.03-7.525c3.597-5.054-.678-9.975 4.438-8.312c1.289.419 2.883-2.184 1.32-3.81l-.283-.311z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12.46 35.74c-2.333 1-4.917.833-4.917.833c-1.677.146-3.115-4.01-2.485-4.733l3.318-5.1l-1.75-3.417s5.008-1.415 7.883 2.09c.344.42.794.743 1.279.987l.091.046c2.593 1.289 5.546 1.571 8.385.998c7.222-1.458 14.07-1.37 21.7 2.212c7.625 3.583 14.53-2.25 13.64-7.5c-.793-4.647 3.562-7.583 6.75-5M16.05 48.82c.6-2.206 8.491-3.648 8.491-3.648s3.228-1.201 1.426-4.504"/><path d="M18.3 33.24c-1.543 1.834-3.893 4.803-.44 9.158c0 0-6.756 2.853-6.006 8.033c0 0 .362 2.476 2.402 2.402M23.5 50.03c-1.156 7.254 2.386 6.055 3.017 5.661c1.148-.717 1.848-9.854 3.952-11.31c1.592-1.104 8.167-.302 8.167-.302m-.196-2.749c.091 1.742.753 3.402 1.734 4.845c.662.973 1.803 2.32 1.453 2.985c-4.479 8.5.622 7.022 1.083 6.167c3.188-5.917 6.125-4.104 4.647-10.52c0 0 5.27-1.81 5.52-7.977"/><path d="M48.15 45.59s2.367 3.204 7.758 2.693c0 0-3.326 6.762 0 7.62c1.917.494 4.722-11.16 4.722-11.16s-1.839-.794-3.951-4.182"/></g></svg>

Как использовать иконку Cat

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/cat.svg" alt="Иконка Cat" width="24" height="24">

Иконка Cat в других наборах

Вопросы и ответы: Иконка Cat

Можно ли бесплатно использовать иконку Cat в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Cat в React?

Установите @iconify/react и выведите <Icon icon="openmoji:cat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cat на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/cat.svg" alt="Иконка Cat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →