Иконка Goblin
fluent-emoji-high-contrast:goblin
Иконка Goblin (fluent-emoji-high-contrast:goblin) — бесплатная 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="M8 1a1 1 0 0 1 1 1a4.44 4.44 0 0 0 4.44 4.44a1 1 0 1 1 0 2A6.44 6.44 0 0 1 7 2a1 1 0 0 1 1-1m16 0a1 1 0 0 1 1 1a6.434 6.434 0 0 1-6.44 6.44a1 1 0 1 1 0-2A4.44 4.44 0 0 0 23 2a1 1 0 0 1 1-1"/><path d="M6 2.001A3.08 3.08 0 0 0 3 5.08V18c0 7.182 5.818 13 13 13c6.151 0 11.302-4.267 12.654-10.004L28.48 21h-1.894c-1.305 4.618-5.548 8-10.586 8c-6.078 0-11-4.922-11-11V5.08C5 4.482 5.482 4 6.08 4h.192A7.5 7.5 0 0 1 6 2.001M10.64 4h10.72c.403-.564.64-1.254.64-2H10c0 .746.237 1.436.64 2m15.088 0A7.5 7.5 0 0 0 26 2.001c1.665.042 3 1.403 3 3.079v8.958a3.5 3.5 0 0 0-.52-.038H27V5.08C27 4.482 26.518 4 25.92 4z"/><path d="M28.852 19.973a2.5 2.5 0 0 1-.372.027H17.46a2.5 2.5 0 0 1 0-5h11.02q.268 0 .52.054a2.502 2.502 0 0 1-.148 4.918m-9.987 6.116a4.024 4.024 0 0 0-5.687.177a1 1 0 0 1-1.457-1.37a6.024 6.024 0 0 1 8.514-.263a1 1 0 1 1-1.37 1.456M7.364 21.666l6.634-3.65a3.5 3.5 0 0 0 1.928 2.63A3.01 3.01 0 0 1 12.997 23h-5.29c-.726 0-.981-.978-.343-1.334M18.89 23a2.88 2.88 0 0 1-2.832-2.292c.43.188.904.292 1.402.292h5.91l1.258.683c.65.341.394 1.317-.343 1.317zM14 12a2 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"/></g></svg>
Как использовать иконку Goblin
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:goblin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:goblin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:goblin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--goblin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:goblin"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:goblin"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/goblin.svg" alt="Иконка Goblin" width="24" height="24">
Иконка Goblin в других наборах
Вопросы и ответы: Иконка Goblin
Можно ли бесплатно использовать иконку Goblin в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Goblin в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:goblin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Goblin на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/goblin.svg" alt="Иконка Goblin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
