Иконка Hot Face
fluent-emoji-high-contrast:hot-face
Иконка Hot Face (fluent-emoji-high-contrast:hot-face) — бесплатная 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
- Категория
- Смайлы и эмоции
- Теги
- hotface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998c0 1.293.137 2.532.408 3.696a3.5 3.5 0 0 0-1.38 2.357C1.339 20.185 1 18.133 1 15.999c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1c3.81 0 6.942.998 9.346 2.742c-.53.415-.938.98-1.16 1.63C22.156 3.894 19.445 3 16 3c-4.43 0-7.648 1.48-9.764 3.778m-.018 21.148a3.5 3.5 0 0 0 1.89-1.092c1.996 1.353 4.611 2.164 7.89 2.164c4.432 0 7.649-1.48 9.765-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-1.458-.175-2.847-.518-4.138a3.5 3.5 0 0 0 1.745-1.164c.518 1.66.773 3.45.773 5.302c0 4.061-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423c-4.044 0-7.325-1.125-9.78-3.072"/><path d="M5.5 20A2.5 2.5 0 0 0 3 22.5v2a2.5 2.5 0 0 0 5 0v-2A2.5 2.5 0 0 0 5.5 20M25 6.5a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 0 1-5 0zM14 16a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-9.5-8a.5.5 0 0 1 .5.5c0 1.136-.43 2.024-1.105 2.624c-.666.591-1.538.876-2.395.876a.5.5 0 0 1 0-1c.643 0 1.27-.215 1.73-.624c.45-.4.77-1.012.77-1.876a.5.5 0 0 1 .5-.5m6.5.5a.5.5 0 0 1 1 0c0 .864.32 1.476.77 1.876c.46.409 1.087.624 1.73.624a.5.5 0 0 1 0 1c-.857 0-1.73-.285-2.395-.876C19.431 10.524 19 9.636 19 8.5M15 20a3 3 0 0 0-2.99 3.24A2.99 2.99 0 0 1 14.44 22h3.12a2.99 2.99 0 0 1 2.43 1.24q.01-.119.01-.24a3 3 0 0 0-3-3z"/><path d="M14.44 23a2 2 0 0 0-1.962 2.392l.04.196A3 3 0 0 0 15.459 28h1.082a3 3 0 0 0 2.941-2.412l.04-.196A2 2 0 0 0 17.56 23z"/></g></svg>
Как использовать иконку Hot Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:hot-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:hot-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:hot-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--hot-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:hot-face"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:hot-face"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hot-face.svg" alt="Иконка Hot Face" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Hot Face в других наборах
Вопросы и ответы: Иконка Hot Face
Можно ли бесплатно использовать иконку Hot Face в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hot Face в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:hot-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hot Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hot-face.svg" alt="Иконка Hot Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
