ICONYZ
Русский
Иконка Fearful Face из набора Fluent Emoji Flat

Иконка Fearful Face

fluent-emoji-flat:fearful-face

Иконка Fearful Face (fluent-emoji-flat:fearful-face) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent Emoji Flat
Автор
Microsoft Corporation
Лицензия
MIT
Размер
32 × 32
Категория
Смайлы и эмоции
Теги
fearfulface
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M29.998 15.999c0 7.731-4.665 13.999-14 13.999C6.665 29.998 2 23.73 2 15.998Q2 14.98 2.108 14l13.89-6l13.892 6q.108.98.108 1.999"/><path fill="#5092ff" d="M29.89 14c-.747-6.785-5.376-12-13.891-12S2.855 7.215 2.108 14z"/><path fill="#fff" d="M10.5 18a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/><path fill="#402a32" d="M8.952 7.2c.54-.475.875-1.127 1.065-1.83a.5.5 0 0 1 .966.26c-.225.831-.64 1.68-1.371 2.321C8.873 8.6 7.855 9 6.5 9a.5.5 0 1 1 0-1c1.145 0 1.92-.333 2.452-.8m14.096 0c-.54-.475-.875-1.127-1.065-1.83a.5.5 0 0 0-.966.26c.225.831.64 1.68 1.371 2.321C23.127 8.6 24.145 9 25.5 9a.5.5 0 0 0 0-1c-1.145 0-1.92-.333-2.452-.8M14 14a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#bb1d80" d="M22.718 24.026c.31 1.06-.615 1.974-1.72 1.974h-9.997c-1.105 0-2.03-.914-1.719-1.974a7.003 7.003 0 0 1 13.436 0"/></g></svg>

Как использовать иконку Fearful Face

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fearful-face.svg" alt="Иконка Fearful Face" width="24" height="24">

Иконка Fearful Face в других наборах

Вопросы и ответы: Иконка Fearful Face

Можно ли бесплатно использовать иконку Fearful Face в коммерческих проектах?

Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Fearful Face в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:fearful-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Fearful Face на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fearful-face.svg" alt="Иконка Fearful Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji Flat →