Ogre icon

openmoji:ogre

The Ogre icon (openmoji:ogre) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Smileys Emotion

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ea5a47" d="M51.76 19.365a5.05 5.05 0 0 1-1.965.378c-4.329.002-8.078 1.828-12.338 2.136c-5.023.362-9.373-1.716-14.265-2.062a5.3 5.3 0 0 1-1.655-.378a5.4 5.4 0 0 1-1.254.265c-8.815 8.788-8.837 23.058-.05 31.872s23.059 8.837 31.874.05s8.836-23.059.048-31.874q-.195-.196-.396-.387"/><path fill="#6a462f" d="M57.744 27.453a7.36 7.36 0 0 1 5.984.813s.958-6.604-8.62-11.32l5.6-1.354l-6.43-4.287c-1.816-.429-3.71-.545-5.942-.424V16s-4 0-5-1l.97-4.457c-5.817-1.865-11.14-2.199-15.856.057l-.114 3.4c0 1-4 2-4 2l-1.956-5.894c-2.578 0-4.18.658-4.18.658l-5.922 4.828c1.977-.988 6.433.41 6.433.41s-8.62.944-10.536 13.207c0 0 3.831-2.83 6.705-2.83c0 0-10.536 3.774-6.705 20.754c0 0 1.916-4.717 4.789-5.66c0 0-3.831 8.49 5.747 17.924c0 0 1.505-4.314 2.463-5.258c0 0 1.338 8.088 7.085 9.031c0 0-.927-1.887.988-4.717A13.75 13.75 0 0 0 39.783 66s-1.654-6.964 3.135-7.907c0 0 1.654.36 1.654 4.134c0 0 5.264-4.314 5.264-8.088a5.69 5.69 0 0 1 4.314 4.314s4.551-4.854 3.594-16.174c0 0 4.069-1.75 6.942 3.91c0 .001 2.636-10.246-6.943-18.736M58.335 40c-3 10-11 18-20 18s-23-5-24-15s-2-14 5-23c0 0 13 1 18 2c0 0 13-4 16-2c0 0 8 10 5 20"/><path fill="#d22f27" d="M28.989 12.211Q25.383 9.808 26.586 5c-5.609 1.603-4.808 8.012-2.404 12.019c4.247.801 4.807-4.808 4.807-4.808m18.167 4.808C49.559 13.012 50.36 6.602 44.752 5q1.202 4.808-2.404 7.211c-3.605 2.404.56 5.609 4.808 4.807"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m49.211 24.646l-7.644 2.253m-23.359-15.26c-4.942 1.976-6.202 4.363-6.202 4.363s3.831-.943 6.704 0c0 0-8.62.944-10.536 13.207c0 0 3.832-2.83 6.705-2.83c0 0-10.536 3.774-6.705 20.754c0 0 1.916-4.717 4.79-5.66c0 0-3.832 8.49 5.746 17.924c0 0 1.505-4.314 2.463-5.258c0 0 1.338 8.088 7.085 9.031c0 0-.927-1.887.989-4.717A13.75 13.75 0 0 0 39.783 66s-1.654-6.964 3.135-7.907c0 0 1.654.36 1.654 4.134c0 0 5.264-4.314 5.264-8.088a5.69 5.69 0 0 1 4.314 4.314s4.551-4.854 3.594-16.174c0 0 4.069-1.75 6.942 3.91c0 0 2.636-10.246-6.943-18.736a7.36 7.36 0 0 1 5.986.813s.957-6.604-8.62-11.32c0 0 3.83-1.887 5.747-.944c0 0-4.732-3.328-6.887-3.846"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="2" stroke-width="2" d="m31.303 43.223l-.49 3.482m9.884-3.482l.49 3.482"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m30.431 26.899l-7.643-2.253m8.944-14.216a13.34 13.34 0 0 1 8.22 0M27.599 42.279h16.802"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M53.38 20.805c8.092 9.6 6.871 23.941-2.728 32.034s-23.94 6.872-32.033-2.727c-7.242-8.59-7.123-21.181.28-29.633"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.903 20.483s4.978-1.294 9.189.051a22.3 22.3 0 0 0 7.86 1.134"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M52.754 20.483s-4.977-1.294-9.188.051a22.3 22.3 0 0 1-7.86 1.134m-6.717-9.457Q25.383 9.808 26.586 5c-5.609 1.603-4.808 8.012-2.404 12.019c4.247.801 4.807-4.808 4.807-4.808m18.167 4.808C49.559 13.012 50.36 6.602 44.752 5q1.202 4.808-2.404 7.211c-3.605 2.404.56 5.609 4.808 4.807"/><path d="M30 32a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3m18 0a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3"/></svg>

How to use the Ogre icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/ogre.svg" alt="Ogre icon" width="24" height="24">

Ogre icon in other icon sets

Ogre icon FAQ

Is the Ogre icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Ogre icon in React?

Install @iconify/react and render <Icon icon="openmoji:ogre" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ogre icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/ogre.svg" alt="Ogre icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →