Иконка Smiling Face With Horns
fluent-emoji-high-contrast:smiling-face-with-horns
Иконка Smiling Face With Horns (fluent-emoji-high-contrast:smiling-face-with-horns) — бесплатная 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
- Категория
- Смайлы и эмоции
- Теги
- smilingface, facewith, withhorns, smilingfacewithhorns, horn
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m24.701 5.048l-.011.003a3.1 3.1 0 0 0-1.384.926C21.494 4.755 19.088 4 16 4c-3.086 0-5.49.754-7.302 1.974a3.1 3.1 0 0 0-1.38-.923l-.012-.003l-.01-.003l-.009-.003l-.056-.02a5 5 0 0 1-.398-.16C9.094 3.065 12.15 2 16 2c3.851 0 6.908 1.067 9.17 2.864a6 6 0 0 1-.449.178l-.01.003zm2.755 6.862c.715-.136 1.37-.432 1.55-.91l.01-.02q.08-.15.153-.298c1.882-3.88-.02-7.455-.02-7.455s-.32-.51-.6 0C27.398 5.267 25.005 6 25.005 6c-1.08.36-1.618 1.467-1.608 2.687c0 1.78 1.318 3.313 3.108 3.313c.304 0 .633-.03.95-.09"/><path d="M27.998 15.999c0-1.092-.104-2.135-.305-3.116q.343-.068.667-.18c.366-.128.83-.346 1.182-.718a17.3 17.3 0 0 1 .456 4.014c0 7.731-4.665 13.999-14 13.999C6.665 29.998 2 23.73 2 15.998c0-1.397.152-2.747.457-4.02c.353.376.821.596 1.19.725a5 5 0 0 0 .658.178A15.5 15.5 0 0 0 4 16c0 3.475 1.046 6.454 2.97 8.544c1.9 2.063 4.835 3.455 9.029 3.455s7.129-1.393 9.029-3.455c1.924-2.09 2.97-5.07 2.97-8.544"/><path d="M5.5 12c-.307 0-.638-.03-.958-.091C3.83 11.77 3.179 11.476 3 11l-.011-.02a9 9 0 0 1-.156-.308c-1.875-3.876.025-7.445.025-7.445s.32-.51.6 0C4.608 5.267 7 6 7 6c1.08.36 1.618 1.467 1.608 2.687C8.608 10.467 7.29 12 5.5 12m6.3 10.4a1 1 0 0 0-1.6 1.2c.69.92 2.688 2.4 5.8 2.4s5.11-1.48 5.8-2.4a1 1 0 0 0-1.6-1.2c-.31.413-1.712 1.6-4.2 1.6s-3.89-1.187-4.2-1.6M14 18a2 2 0 1 1-4 0a2 2 0 0 1 4 0m6 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-9.023-8.935a.75.75 0 0 0-1.455.367v.002l.001.001l.001.005l.004.012a3 3 0 0 0 .048.16a5.4 5.4 0 0 0 .867 1.603c.708.895 1.91 1.785 3.807 1.785a.75.75 0 0 0 0-1.5c-1.354 0-2.151-.61-2.63-1.216a3.9 3.9 0 0 1-.62-1.137l-.02-.069zm10.046 0l-.003.012l-.021.069a3.9 3.9 0 0 1-.618 1.139c-.48.605-1.277 1.215-2.631 1.215a.75.75 0 0 0 0 1.5c1.896 0 3.099-.89 3.807-1.784a5.4 5.4 0 0 0 .867-1.604l.048-.16l.004-.012v-.005l.001-.002c0-.002.045-.18 0-.001a.75.75 0 0 0-1.454-.367"/></g></svg>
Как использовать иконку Smiling Face With Horns
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-horns" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-horns" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-horns" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--smiling-face-with-horns]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:smiling-face-with-horns"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:smiling-face-with-horns"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-face-with-horns.svg" alt="Иконка Smiling Face With Horns" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Smiling Face With Horns в других наборах
Вопросы и ответы: Иконка Smiling Face With Horns
Можно ли бесплатно использовать иконку Smiling Face With Horns в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Smiling Face With Horns в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:smiling-face-with-horns" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Smiling Face With Horns на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-face-with-horns.svg" alt="Иконка Smiling Face With Horns">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
