ICONYZ
العربية
أيقونة Grinning Cat Face من Emoji One (Monotone)

أيقونة Grinning Cat Face

emojione-monotone:grinning-cat-face

أيقونة Grinning Cat Face (emojione-monotone:grinning-cat-face) أيقونة SVG مجانية من مجموعة Emoji One (Monotone) من تصميم Emoji One. مرسومة على شبكة 64 × 64. تُنشر Emoji One (Monotone) icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Emoji One (Monotone)
المؤلف
Emoji One
الترخيص
CC-BY-4.0
الحجم
64 × 64
الفئة
الأشخاص
الوسوم
grinningcat، catface، grinningcatface، smiling cat face with open mouth
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M61.611 39.273c.209-1.219.281-2.674.086-4.373l-.582-5.051l-.377.412a15.3 15.3 0 0 0-.514-2.957c1.055-6.184.951-14.225-.344-24.055L59.715 2l-1.238.164c-7.148.959-13.891 4.025-18.99 7.512c-2.313-.5-4.805-.766-7.487-.766c-2.684 0-5.174.266-7.486.766c-5.1-3.486-11.843-6.553-18.992-7.512L4.284 2l-.165 1.25c-1.295 9.83-1.398 17.871-.344 24.055a15.4 15.4 0 0 0-.514 2.957l-.376-.412l-.582 5.05c-.196 1.699-.124 3.154.085 4.373L2 39.189v2.891c0 5.449 3.878 10.641 10.92 14.615C18.717 59.967 26.028 62 32 62s13.283-2.033 19.08-5.305C58.121 52.721 62 47.529 62 42.08v-2.891zM57.564 4.857c.807 6.576 1.043 12.361.73 17.225c-.027-.689-.148-1.377-.412-2.02l.423-.062l-1.682-2.906c.338-1.971.592-5.398-.531-9.473c-3.895 1.619-6.9 4.439-8.027 5.592c-1.613-1.09-3.4-1.971-5.346-2.648c4.215-2.581 9.375-4.774 14.845-5.708m-51.128 0c5.471.934 10.63 3.127 14.846 5.707c-1.945.678-3.732 1.559-5.347 2.648c-1.126-1.152-4.133-3.973-8.026-5.592c-1.124 4.074-.87 7.5-.532 9.473L5.694 20l.422.063c-.264.643-.384 1.33-.412 2.02c-.311-4.864-.076-10.649.732-17.226M32 59.656c-10.967 0-27.693-7.498-27.693-17.576l1.848.398s-2.138-2.309-1.562-7.305l1.796 1.969s-1.796-5.07-.234-9.748l1.989 1.488s-.604-1.904-.049-3.207l.859.684s-2.036-4.49-.143-6.211c.767 2.572 1.673 2.611 1.725 2.611h.003s-1.146-1.984-.254-2.816c.365.598.705.801.979.801c.411 0 .675-.457.653-.727c-.049-.596.18-1.438-2.496-1.834c.369-.637 1.193-.826 2.049-.826c1.275 0 2.619.424 2.619.424s-.086-1.342-1.854-1.342l-.107.002c.556-.834 1.37-1.078 2.13-1.078c1.056 0 2.006.469 2.006.469l-.006.018a19.5 19.5 0 0 1 2.254-1.471c.621 1.418 1.458 2.064 2.482 3.959c1.467-2.705 2.539-4.277 3.139-6.174a28 28 0 0 1 2.771-.553c.775 3.49 2.555 6.191 5.094 10.877c2.576-4.756 4.332-7.416 5.093-10.879c.971.141 1.887.332 2.773.555c.605 1.918 1.688 3.504 3.133 6.174c1.037-1.914 1.873-2.555 2.488-3.959a19 19 0 0 1 2.254 1.471l-.006-.018s.951-.469 2.006-.469c.76 0 1.574.244 2.131 1.078l-.107-.002c-1.768 0-1.854 1.342-1.854 1.342s1.344-.426 2.619-.424c.854 0 1.68.189 2.047.826c-2.674.396-2.445 1.238-2.494 1.834c-.021.27.242.727.652.727c.273 0 .613-.203.979-.801c.893.832-.254 2.816-.254 2.816h.004c.051 0 .957-.039 1.723-2.611c1.895 1.721-.141 6.211-.141 6.211l.859-.684c.555 1.303-.049 3.207-.049 3.207l1.988-1.488c1.561 4.678-.234 9.748-.234 9.748l1.795-1.969c.578 4.996-1.561 7.305-1.561 7.305l1.848-.398C59.691 52.158 42.965 59.656 32 59.656"/><path fill="currentColor" d="M32 43c.744 0 1.669-.287 2.638-1.197c1.535-1.441 1.982-3.111 1.404-3.785C35.232 37.072 32.745 37 32 37c-.742 0-3.232.072-4.043 1.018c-.576.674-.131 2.344 1.406 3.785c.97.91 1.895 1.197 2.637 1.197m-13.437-4.145c-1.569.041-3.153-.156-4.519-.75a5 5 0 0 1-.94-.533a3 3 0 0 1-.37-.311l-.055-.063c.002 0 .004.006.002.006l-.018-.029l-.112-.24a11.7 11.7 0 0 1-.688-2.174c-.334-1.482-.404-3.027-.021-4.434c.353-1.385 1.229-2.705 2.29-3.713c1.064-1.021 2.445-1.641 3.896-1.6c.356.014.738.055 1.075.139c.379.092.73.199 1.074.346a5.8 5.8 0 0 1 1.869 1.246c1.123 1.055 1.852 2.535 2.256 4.094a8.13 8.13 0 0 0-1.715-4.588a6.6 6.6 0 0 0-1.984-1.633a6.4 6.4 0 0 0-1.191-.498a6.5 6.5 0 0 0-1.306-.27c-1.8-.213-3.617.561-4.921 1.711c-1.301 1.174-2.301 2.641-2.792 4.381c-.439 1.727-.325 3.506.09 5.15c.218.826.5 1.619.879 2.4l.156.299l.063.102l.097.123c.06.068.102.111.151.16c.191.18.38.316.575.441c.393.24.796.426 1.207.574c1.65.592 3.378.613 5.012.395a18.4 18.4 0 0 0 4.691-1.387c-1.583.348-3.167.651-4.751.656m32.253-13.292c-1.303-1.15-3.119-1.924-4.92-1.711a6.5 6.5 0 0 0-1.307.27a6.3 6.3 0 0 0-1.191.498a6.6 6.6 0 0 0-1.984 1.633a8.13 8.13 0 0 0-1.715 4.588c.404-1.559 1.133-3.039 2.256-4.094a5.8 5.8 0 0 1 1.869-1.246a7 7 0 0 1 1.074-.346a5.5 5.5 0 0 1 1.074-.139c1.451-.041 2.832.578 3.896 1.6c1.061 1.008 1.938 2.328 2.291 3.713c.383 1.406.313 2.951-.021 4.434c-.16.744-.393 1.488-.689 2.174l-.111.242c-.008.012-.018.025-.018.027c-.002 0 0-.006.002-.006l-.055.063a3 3 0 0 1-.371.311a5 5 0 0 1-.939.533c-1.367.594-2.949.791-4.52.75c-1.584-.006-3.168-.309-4.75-.654a18.4 18.4 0 0 0 4.689 1.387c1.635.219 3.363.197 5.014-.395c.41-.148.814-.334 1.205-.574c.197-.125.385-.262.576-.441c.051-.049.092-.092.152-.16l.096-.123l.064-.102l.154-.299c.381-.781.662-1.574.881-2.4c.414-1.645.527-3.422.09-5.15c-.491-1.743-1.491-3.21-2.792-4.383"/><ellipse cx="44.002" cy="32.5" fill="currentColor" rx="4" ry="4.5"/><ellipse cx="20.002" cy="32.5" fill="currentColor" rx="4" ry="4.5"/><path fill="currentColor" d="M43.607 45.043C40.959 44.529 37.045 44 32 44c-5.043 0-8.957.529-11.605 1.043c-1.031.203-1.393.984-1.393 1.607C19.002 52.307 23.293 58 32 58c8.708 0 13.001-5.693 13.001-11.35c.001-.623-.362-1.404-1.394-1.607M32 56c-2.453 0-4.62-.529-6.5-1.432C27.315 53.596 29.471 53 32 53c2.531 0 4.689.596 6.5 1.568C36.623 55.471 34.455 56 32 56"/></svg>

كيفية استخدام أيقونة Grinning Cat Face

React

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

<Icon icon="emojione-monotone:grinning-cat-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:grinning-cat-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:grinning-cat-face" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="emojione-monotone:grinning-cat-face"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/grinning-cat-face.svg" alt="أيقونة Grinning Cat Face" width="24" height="24">

أيقونات ذات صلة في Emoji One (Monotone)

أيقونة grinning-cat-face-with-smiling-eyes
grinning-cat-face-with-smiling-eyes
 أيقونة grinning-face
grinning-face
 أيقونة grinning-face-with-big-eyes
grinning-face-with-big-eyes
 أيقونة grinning-face-with-smiling-eyes
grinning-face-with-smiling-eyes
 أيقونة grinning-face-with-sweat
grinning-face-with-sweat
 أيقونة grinning-squinting-face
grinning-squinting-face

أيقونة Grinning Cat Face في مجموعات أخرى

أيقونة Grinning Cat Face من Emoji One (Colored)
Emoji One (Colored)
 أيقونة Grinning Cat Face من Emoji One (v1)
Emoji One (v1)
 أيقونة Grinning Cat Face من Streamline Emojis
Streamline Emojis

الأسئلة الشائعة حول أيقونة Grinning Cat Face

هل أيقونة Grinning Cat Face مجانية للاستخدام التجاري؟

نعم. تُنشر Emoji One (Monotone) icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Grinning Cat Face في React؟

ثبّت @iconify/react واعرض <Icon icon="emojione-monotone:grinning-cat-face" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Grinning Cat Face إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/emojione-monotone/grinning-cat-face.svg" alt="أيقونة Grinning Cat Face">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Emoji One (Monotone) →