Ogre icon

game-icons:ogre

The Ogre icon (game-icons:ogre) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 25c-28.625 0-56.434 16.22-82.44 43.912c-26.005 27.692-49.672 66.468-69.4 108.883C64.705 262.625 41 362.57 41 416c0 7 6.83 16.013 21.684 25.064c14.854 9.052 36.296 17.43 59.836 24.295C169.598 479.091 225.5 487 256 487s86.402-7.91 133.48-21.64c23.54-6.866 44.982-15.244 59.836-24.296C464.171 432.013 471 423 471 416c0-53.429-23.705-153.376-63.16-238.205c-19.728-42.415-43.395-81.191-69.4-108.883C312.433 41.221 284.624 25 256 25m-77.154 142.46S227 183 256 183s77.154-15.54 77.154-15.54l5.692 17.08S291 201 256 201s-82.846-16.46-82.846-16.46zM133.4 184.8l63.32 47.491C228.18 248.012 243.108 255 256 255s27.821-6.988 59.28-22.709l63.32-47.49l10.8 14.398l-45.875 34.406c-5.22 22.311-12.93 40.726-21.722 54.29c-5.809 8.961-12.03 16.3-19.078 20.683l12.673 31.684l-7.285 3.742s-8.11 4.173-18.414 8.34S267.28 361 256 361s-23.395-4.49-33.7-8.656c-10.303-4.167-18.413-8.34-18.413-8.34l-7.285-3.742l12.673-31.684c-7.049-4.383-13.27-11.722-19.078-20.683c-8.791-13.564-16.502-31.979-21.722-54.29L122.6 199.2l10.8-14.398zm-86.455 9.798c-2.155.07-4.096.84-5.916 1.927c.008 23.442.097 52.783 1.944 76.786c.407 5.3.947 10.084 1.56 14.496a808 808 0 0 1 24.86-74.29c-2.305-7.398-6.916-12.736-12.024-15.8c-3.638-2.183-7.184-3.224-10.424-3.12zm418.11 0c-3.24-.105-6.786.936-10.424 3.119c-5.108 3.064-9.72 8.402-12.024 15.8a808 808 0 0 1 24.86 74.29a236 236 0 0 0 1.56-14.496c1.847-24.003 1.936-53.344 1.944-76.786c-1.82-1.088-3.761-1.857-5.916-1.927m-273.07 55.459c3.988 11.3 8.61 20.784 13.318 28.048c3.836 5.919 7.759 10.042 11.066 12.74l9.838-24.591c-9.536-3.85-20.536-9.347-34.223-16.197zm128.03 0c-13.686 6.85-24.686 12.348-34.222 16.197l9.838 24.592c3.307-2.699 7.23-6.822 11.066-12.74c4.709-7.265 9.33-16.75 13.319-28.05zM138.34 269.313c12.116.012 25.91 3.348 41.433 10.517l-7.546 16.34c-19.592-9.048-33.85-10.228-43.932-7.682s-16.82 8.716-21.684 17.455c-9.728 17.48-8.685 45.782-2.56 58.032l-16.102 8.05c-9.875-19.75-10.503-50.693 2.934-74.836c6.718-12.071 17.773-22.306 33.004-26.152c3.807-.961 7.824-1.531 12.052-1.683a65 65 0 0 1 2.4-.041zm235.32 0a65 65 0 0 1 2.4.04c4.229.153 8.246.723 12.053 1.684c15.23 3.846 26.286 14.081 33.004 26.152c13.437 24.143 12.809 55.086 2.934 74.836l-16.102-8.05c6.125-12.25 7.168-40.552-2.56-58.032c-4.864-8.74-11.601-14.909-21.684-17.455s-24.34-1.366-43.932 7.682l-7.546-16.34c15.524-7.17 29.317-10.505 41.433-10.517m-130.236 2.355l-23.922 59.805c2.786 1.28 5.783 2.661 9.547 4.183C238.529 339.49 250.413 343 256 343s17.471-3.51 26.951-7.344c3.764-1.522 6.761-2.902 9.547-4.183l-23.922-59.805c-4.217.864-8.35 1.332-12.576 1.332s-8.36-.468-12.576-1.332m-107.549 60.207l94.418 47.21C238.301 376.514 246.871 375 256 375s17.699 1.513 25.707 4.086l94.418-47.211l-41.537 83.076c10.698 11.12 18.648 21.558 23.775 26.686l-12.726 12.726C327.515 436.242 298 393 256 393s-71.515 43.242-89.637 61.363l-12.726-12.726c5.128-5.128 13.078-15.567 23.777-26.688zm40.252 40.252l14.34 28.68l14.34-14.34zm159.746 0l-28.68 14.34l14.34 14.34z"/></svg>

How to use the Ogre icon

React

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

<Icon icon="game-icons:ogre" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:ogre" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:ogre" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:ogre"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/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. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Ogre icon in React?

Install @iconify/react and render <Icon icon="game-icons: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/game-icons/ogre.svg" alt="Ogre icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →