Icône Ogre

fluent-emoji-flat:ogre

L'icône Ogre (fluent-emoji-flat:ogre) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Fluent Emoji Flat
Auteur: Microsoft Corporation
Licence: MIT
Taille: 32 × 32
Catégorie: Smileys et émotions

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M17.09 3.425a1.61 1.61 0 0 0 1.76.279a1.61 1.61 0 0 1 2.073.674a1.61 1.61 0 0 0 1.587.809a1.61 1.61 0 0 1 1.763 1.28a1.61 1.61 0 0 0 1.26 1.26a1.61 1.61 0 0 1 1.28 1.763a1.61 1.61 0 0 0 .81 1.587a1.61 1.61 0 0 1 .673 2.073c-.269.59-.16 1.282.279 1.76a1.61 1.61 0 0 1 0 2.18a1.61 1.61 0 0 0-.279 1.76a1.61 1.61 0 0 1-.674 2.073a1.61 1.61 0 0 0-.809 1.587a1.61 1.61 0 0 1-1.28 1.763a1.61 1.61 0 0 0-1.26 1.26a1.61 1.61 0 0 1-1.763 1.28a1.61 1.61 0 0 0-1.587.81a1.61 1.61 0 0 1-2.073.673a1.61 1.61 0 0 0-1.76.279a1.61 1.61 0 0 1-2.18 0a1.61 1.61 0 0 0-1.76-.279a1.61 1.61 0 0 1-2.073-.674a1.61 1.61 0 0 0-1.587-.809a1.61 1.61 0 0 1-1.764-1.28a1.61 1.61 0 0 0-1.259-1.26a1.61 1.61 0 0 1-1.28-1.763a1.61 1.61 0 0 0-.81-1.587a1.61 1.61 0 0 1-.673-2.073c.269-.59.16-1.282-.279-1.76a1.61 1.61 0 0 1 0-2.18a1.61 1.61 0 0 0 .279-1.76a1.61 1.61 0 0 1 .674-2.073a1.61 1.61 0 0 0 .809-1.587a1.61 1.61 0 0 1 1.28-1.764a1.61 1.61 0 0 0 1.26-1.259a1.61 1.61 0 0 1 1.763-1.28a1.61 1.61 0 0 0 1.587-.81a1.61 1.61 0 0 1 2.073-.673c.59.269 1.282.16 1.76-.279a1.61 1.61 0 0 1 2.18 0"/><path fill="#ca0b4a" d="m7.145 11.273l-.262 1.31a20 20 0 0 0 .21 8.786a5.46 5.46 0 0 0 4.62 4.095l1.558.195c1.812.226 3.646.226 5.458 0l1.557-.195a5.46 5.46 0 0 0 4.622-4.095c.719-2.877.79-5.877.209-8.785l-.276-1.38a6 6 0 0 0-5.09-4.77l-.515-.07a22 22 0 0 0-5.478-.041l-1.43.168a6 6 0 0 0-5.183 4.782"/><path fill="#990838" d="M14 17c0-1.5 1-3.5 2-3.5s2 2 2 3.5s-.5 2.5-2 2.5s-2-1-2-2.5"/><path fill="#6b438b" d="M21 20H11s0 5 5 5s5-5 5-5"/><path fill="#fff" d="M13 21.84V20h6v1.84a.2.2 0 0 1-.366.11L18 21h-4l-.634.95a.2.2 0 0 1-.366-.11m1 1.964v-.495a.31.31 0 0 1 .585-.138l.282.564a.41.41 0 0 1-.658.474l-.07-.07a.47.47 0 0 1-.139-.335m4-.495v.495c0 .126-.05.246-.139.335l-.07.07a.411.411 0 0 1-.659-.474l.283-.564a.309.309 0 0 1 .585.138"/><path fill="#fcd53f" d="M7.5 10.5s1.5 0 2.5-1S11 7 11 7L6.134 4.109c-.63-.374-1.367.282-1.068.95zm17.1 0s-1.5 0-2.5-1s-1-2.5-1-2.5l4.866-2.891c.63-.374 1.367.282 1.068.95z"/><path fill="#fff" d="M11 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6m10 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="#533566" d="M9.75 17a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m12.5 0a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/><path fill="#321b41" d="M10.586 11.493a4.2 4.2 0 0 1 2.67.443a.5.5 0 0 0 .489-.872a5.18 5.18 0 0 0-3.33-.557a4.54 4.54 0 0 0-2.803 1.677l-.008.011a.5.5 0 0 0 .792.61l.007-.008a3.54 3.54 0 0 1 2.183-1.304m10.829 0a4.2 4.2 0 0 0-2.67.443a.5.5 0 0 1-.49-.872a5.18 5.18 0 0 1 3.33-.557a4.54 4.54 0 0 1 2.803 1.677l.008.011a.5.5 0 1 1-.792.61l-.006-.008c-.096-.126-.81-1.066-2.183-1.304"/></g></svg>

Comment utiliser l'icône Ogre

React

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

<Icon icon="fluent-emoji-flat:ogre" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:ogre" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:ogre" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-emoji-flat:ogre"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ogre.svg" alt="Icône Ogre" width="24" height="24">

L'icône Ogre dans d'autres collections

FAQ : Icône Ogre

L'icône Ogre est-elle gratuite pour un usage commercial ?

Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Ogre dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:ogre" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Ogre à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ogre.svg" alt="Icône Ogre">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji Flat →