Иконка Ogre
fluent-emoji-high-contrast:ogre
Иконка Ogre (fluent-emoji-high-contrast:ogre) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Смайлы и эмоции
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m25.05 12.249l.067.335c.581 2.908.51 5.908-.21 8.785a5.46 5.46 0 0 1-4.62 4.095l-1.558.195a22 22 0 0 1-5.458 0l-1.557-.195a5.46 5.46 0 0 1-4.622-4.095a20 20 0 0 1-.209-8.785l.07-.348l-.016.006l-1.56-3.716c-.157.285-.23.619-.19.964a1.61 1.61 0 0 1-.81 1.587a1.61 1.61 0 0 0-.673 2.073a1.61 1.61 0 0 1-.279 1.76a1.61 1.61 0 0 0 0 2.18c.439.478.548 1.17.279 1.76a1.61 1.61 0 0 0 .674 2.073c.564.318.882.943.809 1.587a1.61 1.61 0 0 0 1.28 1.763a1.61 1.61 0 0 1 1.26 1.26a1.61 1.61 0 0 0 1.763 1.28a1.61 1.61 0 0 1 1.587.81a1.61 1.61 0 0 0 2.073.673a1.61 1.61 0 0 1 1.76.279a1.61 1.61 0 0 0 2.18 0a1.61 1.61 0 0 1 1.76-.279a1.61 1.61 0 0 0 2.073-.674a1.61 1.61 0 0 1 1.587-.809a1.61 1.61 0 0 0 1.763-1.28a1.61 1.61 0 0 1 1.26-1.26a1.61 1.61 0 0 0 1.28-1.763a1.61 1.61 0 0 1 .81-1.587a1.61 1.61 0 0 0 .673-2.073a1.61 1.61 0 0 1 .279-1.76a1.61 1.61 0 0 0 0-2.18a1.61 1.61 0 0 1-.279-1.76a1.61 1.61 0 0 0-.674-2.073a1.61 1.61 0 0 1-.809-1.587a1.6 1.6 0 0 0-.17-.928zm-5.54-5.848l2.336-1.277a1.6 1.6 0 0 1-.923-.746a1.61 1.61 0 0 0-2.073-.674a1.61 1.61 0 0 1-1.76-.279a1.61 1.61 0 0 0-2.18 0a1.61 1.61 0 0 1-1.76.279a1.61 1.61 0 0 0-2.073.674c-.203.36-.53.62-.908.741l2.42 1.341l1.17-.137a22 22 0 0 1 5.477.042z"/><path d="M14 16c0-1.5 1-3.5 2-3.5s2 2 2 3.5s-.5 2.5-2 2.5s-2-1-2-2.5m-6.5-5S9 10.5 10 9.5S11.5 7 11.5 7L5.992 3.948c-.622-.344-1.33.29-1.055.947zm14.6-1.5c1 1 2.4 1.5 2.4 1.5l2.635-6.099c.283-.655-.422-1.297-1.048-.955L20.5 7s.6 1.5 1.6 2.5M13 16a3 3 0 1 0-6 0a3 3 0 0 0 6 0m-1 0a2 2 0 0 1-3.901.622a.75.75 0 1 0-.093-.467A2 2 0 1 1 12 16m10 3a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0-1a2 2 0 1 1 1.994-1.845a.75.75 0 1 0-.093.467A2 2 0 0 1 22 18m-8.745-6.064a4.2 4.2 0 0 0-2.67-.443a3.54 3.54 0 0 0-2.182 1.304l-.007.008a.5.5 0 0 1-.792-.61l.008-.01a4.54 4.54 0 0 1 2.803-1.678a5.18 5.18 0 0 1 3.33.557a.5.5 0 1 1-.49.872m5.49 0a4.2 4.2 0 0 1 2.67-.443c1.373.238 2.087 1.178 2.183 1.304l.006.008a.5.5 0 0 0 .792-.61l-.008-.01a4.54 4.54 0 0 0-2.803-1.678a5.18 5.18 0 0 0-3.33.557a.5.5 0 0 0 .49.872M21 20H11s0 5 5 5s5-5 5-5m-2 .5v1.34a.2.2 0 0 1-.366.11L18 21h-4l-.634.95a.2.2 0 0 1-.366-.11V20.5zm-5 3.304v-.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"/></g></svg>
Как использовать иконку Ogre
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ogre" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ogre" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ogre" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ogre]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ogre"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ogre"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ogre.svg" alt="Иконка Ogre" width="24" height="24">
Иконка Ogre в других наборах
Вопросы и ответы: Иконка Ogre
Можно ли бесплатно использовать иконку Ogre в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ogre в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:ogre" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ogre на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ogre.svg" alt="Иконка Ogre">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
