ICONYZ
العربية
أيقونة Angry Face With Horns من Emoji One (Colored)

أيقونة Angry Face With Horns

emojione:angry-face-with-horns

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

المجموعة
Emoji One (Colored)
المؤلف
Emoji One
الترخيص
CC-BY-4.0
الحجم
64 × 64
الفئة
الأشخاص
الوسوم
angryface، facewith، withhorns، angryfacewithhorns، horn
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d35454" d="m0 38.8l11.6 5.3s2.3 4.6 6.3 7.7c4.4 3.4 9.9 4.5 9.9 4.5l-1.1 5.6S25.3 59 21.4 59c-3.7 0-6.4 5-6.4 5s-1.4-7.3-4-9.5s-11-.9-11-.9s2.7-5.5 2.7-9.4c0-3.6-2.7-5.4-2.7-5.4"/><g fill="#ad4040"><path d="M0 38.8c2.1.5 4.1 1.2 6.1 1.9c1 .3 2 .7 3 1.1s2 .7 3 1.1l.3.1l.3.5c.8 1.3 1.8 2.8 2.9 4c1.1 1.3 2.2 2.4 3.5 3.4s2.7 1.9 4.2 2.6c.7.4 1.5.8 2.3 1.1c.8.4 1.6.7 2.3.9l.8.3l-.2.6c-.6 1.8-1.1 3.7-1.8 5.5c0-1.9.2-3.8.3-5.8l.6.9c-1.8-.2-3.6-.6-5.3-1.2s-3.4-1.4-4.9-2.5s-2.9-2.4-4-3.8c-1.2-1.5-2.1-3-2.9-4.7l.6.6c-.9-.5-1.9-1-2.8-1.5s-1.9-1-2.8-1.6C3.6 41.1 1.8 40 0 38.8"/><path d="m0 53.5l10.6-10.6l1.9 2.3zM15 64l2.9-11.8l2.8 1.1z"/></g><path fill="#d35454" d="m64 38.8l-11.6 5.3s-2.3 4.6-6.3 7.7c-4.4 3.4-9.9 4.5-9.9 4.5l1.1 5.6s1.4-2.9 5.3-2.9c3.7 0 6.4 5 6.4 5s1.4-7.3 4-9.5s11-.9 11-.9s-2.7-5.5-2.7-9.4c0-3.6 2.7-5.4 2.7-5.4"/><g fill="#ad4040"><path d="M64 38.8c-1.8 1.2-3.6 2.4-5.4 3.4c-.9.5-1.8 1.1-2.8 1.6c-.9.5-1.9 1-2.8 1.5l.6-.6c-.8 1.8-1.8 3.3-2.9 4.7c-1.2 1.4-2.5 2.8-4 3.8c-1.6 1.1-3.2 1.9-4.9 2.5s-3.5 1-5.3 1.2l.6-.9c.2 1.9.3 3.8.4 5.8c-.7-1.8-1.2-3.7-1.8-5.5l-.2-.6l.8-.3c.8-.3 1.6-.6 2.3-.9c.8-.3 1.5-.7 2.3-1.1c1.5-.8 2.9-1.7 4.2-2.6c1.3-1 2.4-2.1 3.5-3.4c1.1-1.2 2.1-2.6 2.9-4l.3-.5l.3-.1c1-.4 2-.8 3-1.1c1-.4 2-.7 3-1.1c1.8-.7 3.8-1.3 5.9-1.8"/><path d="m64 53.5l-12.5-8.3l1.9-2.3zM49 64l-5.7-10.7l2.8-1.1z"/></g><circle cx="32" cy="29" r="27" fill="#f46767"/><path fill="#493b30" d="M46.2 37.4c0 6-4.7 13-14.2 13s-14.2-7-14.2-13z"/><path fill="#302822" d="M34 39.9c-.6 0-1.6.6-1.2 2.1c.2.8 1.3 1.7 1.3 2.9c0 2.5-4.1 2.5-4.1 0c0-1.2 1.1-2.1 1.3-2.9c.4-1.5-.6-2.1-1.2-2.1c-1.7 0-4.5 1.8-4.5 4.8c0 3.4 2.9 6.1 6.6 6.1s6.6-2.7 6.6-6.1c-.2-3-3.1-4.8-4.8-4.8"/><path fill="#ff717f" d="M38.8 49.1C37 48 34.7 47.4 32 47.4s-5 .7-6.8 1.7c1.8 1.1 4.1 1.7 6.8 1.7s5-.6 6.8-1.7"/><path fill="#fff" d="m32 37.8l2.3 4.2l2.2-4.2zm4.5 0l2.3 4.2l2.2-4.2zm4.5 0l2.3 4.2l2.3-4.2zm-18 0l2.2 4.2l2.3-4.2zm-4.6 0l2.3 4.2l2.3-4.2zm9.1 0l2.2 4.2l2.3-4.2z"/><path fill="#493b30" d="M32 51.2c-9.7 0-14.9-7.1-14.9-13.8v-.7H47v.7c-.1 6.7-5.3 13.8-15 13.8m-13.4-13c.4 5.7 5 11.5 13.4 11.5s13-5.8 13.4-11.5z"/><path fill="#fff" d="M51 22c1.9 4 .1 8.8-3.9 10.7s-8.8.1-10.7-3.9C35 25.8 49.6 19 51 22"/><g fill="#493b30"><path d="M48.6 23.1c1.3 2.7.1 6-2.6 7.2c-2.7 1.3-6 .1-7.2-2.6c-.9-1.7 9-6.3 9.8-4.6"/><path d="M52.5 22.4c-1.7.2-3.3.4-4.8.8s-2.9.9-4.3 1.6c-1.4.6-2.7 1.4-4 2.3s-2.5 1.9-3.7 3.2c.2-1.8 1.1-3.4 2.2-4.8c1.2-1.4 2.7-2.5 4.3-3.2c1.6-.8 3.4-1.2 5.2-1.2c1.8-.1 3.6.3 5.1 1.3"/></g><path fill="#fff" d="M13 22c-1.9 4-.1 8.8 3.9 10.7s8.8.1 10.7-3.9C29 25.8 14.4 19 13 22"/><g fill="#493b30"><path d="M15.4 23.1c-1.3 2.7-.1 6 2.6 7.2c2.7 1.3 6 .1 7.2-2.6c.9-1.7-9-6.3-9.8-4.6"/><path d="M11.5 22.4c1.5-1 3.3-1.4 5.1-1.4s3.6.4 5.2 1.2c1.6.7 3.1 1.9 4.3 3.2c1.2 1.4 2 3 2.2 4.8c-1.2-1.2-2.4-2.3-3.7-3.2s-2.6-1.6-4-2.3c-1.4-.6-2.8-1.2-4.3-1.6c-1.5-.3-3-.6-4.8-.7"/></g><path fill="#ffdd67" d="M55.7 0s-1.9 6-6.4 9.8c-5.1 4.4-.2 10 3.9 8.8c3.1-.9 7.6-5.5 2.5-18.6m-41 9.8C10.2 6 8.3 0 8.3 0c-5 13.1-.5 17.7 2.5 18.6c4 1.2 9-4.3 3.9-8.8"/></svg>

كيفية استخدام أيقونة Angry Face With Horns

React

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

<Icon icon="emojione:angry-face-with-horns" width="24" />

Vue

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

<template>
  <Icon icon="emojione:angry-face-with-horns" width="24" />
</template>

Svelte

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

<Icon icon="emojione:angry-face-with-horns" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--angry-face-with-horns]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:angry-face-with-horns"></div>

مكوّن ويب

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

<iconify-icon icon="emojione:angry-face-with-horns"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/emojione/angry-face-with-horns.svg" alt="أيقونة Angry Face With Horns" width="24" height="24">

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

أيقونة Angry Face With Horns في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Angry Face With Horns

هل أيقونة Angry Face With Horns مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Angry Face With Horns في React؟

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

كيف أضيف أيقونة Angry Face With Horns إلى صفحة ويب؟

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

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