Icône Cat Face

streamline-emojis:cat-face

L'icône Cat Face (streamline-emojis:cat-face) est une icône SVG gratuite de la collection Streamline Emojis par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Streamline Emojis icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Streamline Emojis
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 48 × 48
Catégorie: Animaux et nature
Mots-clés: catface

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ffe500" d="M27.12 8.89s8.43-5.74 11.57-3.15S37.48 19 37.48 19Z"/><path fill="#ffa694" d="M28.49 11.07s6-4.35 8.14-2.59s-1.12 9.41-1.12 9.41Z"/><path fill="#ffe500" d="M20.88 8.89S12.45 3.15 9.31 5.74S10.52 19 10.52 19Z"/><path fill="#fff48c" d="M38.69 7.92a3.54 3.54 0 0 1 1.09 2.39c.18-2 0-3.71-1.09-4.57c-3.14-2.59-11.57 3.15-11.57 3.15l1.37 1.33C31 8.73 36.34 6 38.69 7.92m-29.38 0c2.35-1.93 7.68.81 10.2 2.3l1.37-1.33S12.45 3.15 9.31 5.74C8.26 6.6 8 8.35 8.22 10.31a3.54 3.54 0 0 1 1.09-2.39"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.12 8.89s8.43-5.74 11.57-3.15S37.48 19 37.48 19Zm-6.24 0S12.45 3.15 9.31 5.74S10.52 19 10.52 19Z"/><path fill="#ffa694" d="M19.51 11.07s-6-4.35-8.14-2.59s1.12 9.41 1.12 9.41Z"/><path fill="#ff866e" d="M36.63 10.72a2.08 2.08 0 0 1 .63 1.18c.2-1.48.11-2.81-.63-3.42c-2.13-1.76-8.14 2.59-8.14 2.59l1.38 1.34c1.9-1.16 5.27-2.91 6.76-1.69m-25.26 0c1.49-1.22 4.86.53 6.76 1.69l1.38-1.34s-6-4.35-8.14-2.59c-.74.61-.83 1.94-.63 3.42a2.08 2.08 0 0 1 .63-1.18"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.49 11.07s6-4.35 8.14-2.59s-1.12 9.41-1.12 9.41Zm-8.98 0s-6-4.35-8.14-2.59s1.12 9.41 1.12 9.41Z"/><path fill="#45413c" d="M13 44.5a11 1.5 0 1 0 22 0a11 1.5 0 1 0-22 0" opacity=".15"/><path fill="#ffe500" d="m39.33 29.12l-.94-8.72A14.25 14.25 0 0 0 24 8A14.25 14.25 0 0 0 9.61 20.4l-.94 8.72a8.09 8.09 0 0 0 8.25 8.77h.46c1.25 1.55 3.74 2.61 6.62 2.61s5.37-1.06 6.62-2.61h.46a8.09 8.09 0 0 0 8.25-8.77"/><path fill="#fff48c" d="M9.61 24.09A14.25 14.25 0 0 1 24 11.65a14.26 14.26 0 0 1 14.39 12.44l.81 7.49a7.8 7.8 0 0 0 .13-2.46l-.94-8.72A14.26 14.26 0 0 0 24 8A14.25 14.25 0 0 0 9.61 20.4l-.94 8.72a7.8 7.8 0 0 0 .13 2.46Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m39.33 29.12l-.94-8.72A14.25 14.25 0 0 0 24 8A14.25 14.25 0 0 0 9.61 20.4l-.94 8.72a8.09 8.09 0 0 0 8.25 8.77h.46c1.25 1.55 3.74 2.61 6.62 2.61s5.37-1.06 6.62-2.61h.46a8.09 8.09 0 0 0 8.25-8.77"/><path fill="#ff866e" d="M26.68 31.83A3 3 0 0 1 24 34.05a3 3 0 0 1-2.68-2.22c0-.68 1.2-1.24 2.68-1.24s2.68.56 2.68 1.24"/><path fill="#ffa694" d="M24 32.09a3.94 3.94 0 0 1 2.32.62a1.7 1.7 0 0 0 .36-.88c0-.68-1.2-1.24-2.68-1.24s-2.68.56-2.68 1.24a1.7 1.7 0 0 0 .36.88a3.94 3.94 0 0 1 2.32-.62"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.68 31.83A3 3 0 0 1 24 34.05a3 3 0 0 1-2.68-2.22c0-.68 1.2-1.24 2.68-1.24s2.68.56 2.68 1.24m1.58 4.08A3.09 3.09 0 0 1 24 34.05a3.09 3.09 0 0 1-4.26 1.86m11.37-5.61l5.42-.83m-5.42 3.29l5.42.75M16.89 30.3l-5.42-.83m5.42 3.29l-5.42.75"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.92 25.08a1.15 1.15 0 1 0 1.15-1.15a1.14 1.14 0 0 0-1.15 1.15m16.16 0a1.15 1.15 0 1 1-1.15-1.15a1.14 1.14 0 0 1 1.15 1.15"/></svg>

Comment utiliser l'icône Cat Face

React

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

<Icon icon="streamline-emojis:cat-face" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:cat-face" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:cat-face" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="streamline-emojis:cat-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/cat-face.svg" alt="Icône Cat Face" width="24" height="24">

Icônes similaires dans Streamline Emojis

L'icône Cat Face dans d'autres collections

FAQ : Icône Cat Face

L'icône Cat Face est-elle gratuite pour un usage commercial ?

Oui. Les Streamline Emojis icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Cat Face dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-emojis:cat-face" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Cat Face à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-emojis/cat-face.svg" alt="Icône Cat Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Streamline Emojis →