ICONYZ
Bahasa Indonesia
Ikon Grinning Cat dari OpenMoji

Ikon Grinning Cat

openmoji:grinning-cat

Ikon Grinning Cat (openmoji:grinning-cat) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
OpenMoji
Pembuat
OpenMoji
Lisensi
CC-BY-SA-4.0
Ukuran
72 × 72
Kategori
Smiley dan emosi
Tag
grinningcat
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M58.666 48.832c-3.598 9.117-12.632 15.155-23.208 15.155c-9.117 0-19.256-5.848-22.853-14.965l-.127-.312c-1.141-2.86-1.957-6.36-1.957-9.633l3.667-33.371l11.228 11.08a24.2 24.2 0 0 1 9.51-1.939h1.064c3.373 0 6.588.691 9.51 1.939l11.228-11.08l3.723 33.876a24.9 24.9 0 0 1-1.77 9.256"/><path fill="#e27022" d="M35.458 63.987c10.61.342 20.354-6.004 23.952-15.121l.11-.231c1.142-2.86 1.959-6.897 1.959-10.17l-4.75-32.76"/><path fill="#fff" d="M55.106 33.628s-9.276-9.277-13.252 6.624c10.602 7.952 13.252-6.625 13.252-6.625m-38.212.001s9.276-9.277 13.252 6.624c-10.602 7.952-13.252-6.625-13.252-6.625"/><path fill="#ea5a47" d="M25.6 48.524s7.8 4.16 10.4-3.12c2.6 7.28 10.805 3.07 10.805 3.07s-2.694 4.381-3.487 5.234c-4.018 4.314-9.401 4.053-13.672.116c-.935-.862-4.046-5.3-4.046-5.3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M55.106 33.69s-9.276-9.277-13.252 6.624c10.602 7.952 13.252-6.625 13.252-6.625M62 54.128l-9.36-5.2m5.2 10.4l-9.36-5.2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M13.292 48a23.9 23.9 0 0 1-1.732-8.952l3.64-32.76l10.98 10.715a23.9 23.9 0 0 1 9.3-1.875h1.04c3.299 0 6.442.668 9.3 1.875L56.8 6.288l3.64 32.76c0 3.164-.614 6.186-1.732 8.951"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M16.894 33.69s9.276-9.277 13.252 6.624c-10.602 7.952-13.252-6.625-13.252-6.625M10 54.128l9.36-5.2m-5.2 10.4l9.36-5.2"/><circle cx="23.52" cy="36.448" r="2.08"/><circle cx="48.48" cy="36.448" r="2.08"/><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.3M22.851 59.39A23.76 23.76 0 0 0 35.481 63h1.038a23.76 23.76 0 0 0 12.63-3.61"/></svg>

Cara memakai ikon Grinning Cat

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/grinning-cat.svg" alt="Ikon Grinning Cat" width="24" height="24">

Ikon terkait di OpenMoji

Ikon Grinning Cat di set ikon lain

FAQ Ikon Grinning Cat

Apakah ikon Grinning Cat gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Grinning Cat di React?

Pasang @iconify/react lalu render <Icon icon="openmoji:grinning-cat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Grinning Cat ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/grinning-cat.svg" alt="Ikon Grinning Cat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →