Иконка Goat
fluent-emoji-flat:goat
Иконка Goat (fluent-emoji-flat:goat) — бесплатная 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
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3883e" d="M12.027 29H9v-7.98l4-.02l.01 3.85c0 .74-.29 1.45-.81 1.98c-.12.11-.18.27-.18.44zM20 22v4.78c0 .15-.03.29-.1.42L18.62 29h3.35l1.73-1.58c.2-.27.31-.6.31-.94V22z"/><path fill="#f3ad61" d="M28 21.62c0 .24.1.48.27.66l1.27 1.27c.3.29.46.69.46 1.1V29h-3v-1.67c0-.21-.1-.4-.26-.52l-5.09-3.64a.97.97 0 0 0-.55-.17H14v1.85c0 .74-.29 1.45-.82 1.98c-.11.12-.18.27-.18.44V29h-3v-6c-1.31-.28-2.4-1.35-2.79-2.67l-1.78-7a.46.46 0 0 0-.44-.33l-.68.558L3.673 13H3.56C2.7 13 2 12.3 2 11.44c0-.28.11-.55.31-.75l3.05-3.05c.41-.41.97-.64 1.55-.64h2.54c.95 0 1.82.54 2.24 1.38l1.79 3.58c.32.64.97 1.04 1.68 1.04H25.5c.28 0 .5-.22.5-.5v-1.93c0-.34.33-.57.65-.46c.78.27 1.35 1.01 1.35 1.89z"/><path fill="#d3883e" d="m10.57 9.54l-1.79.89l.61 1.21c.36.71 1.15 1.23 1.94 1.28c.44.03.74-.45.54-.84z"/><path fill="#6d4534" d="M9.31 30c-.17 0-.31-.14-.31-.31V28h4v1.69c0 .17-.14.31-.31.31zm8.91-.45L19.33 28h3.73l-1.78 1.62c-.18.24-.45.38-.75.38H18.5c-.23 0-.38-.24-.28-.45m11.78.14V28h-3v1.69c0 .17.14.31.31.31h2.38c.17 0 .31-.14.31-.31"/><path fill="#1c1c1c" d="M6 10.93c0 .28.22.5.5.5s.5-.22.5-.5v-.75c0-.28-.22-.5-.5-.5s-.5.22-.5.5zM3.06 12H2.1c-.06-.17-.1-.36-.1-.56c0-.16.03-.3.1-.44h.92c.64 0 .68.96.04 1"/><path fill="#9b9b9b" d="M15.92 5.57a.4.4 0 0 1 .08.23c0 .28-.31.45-.55.29c-.56-.37-1.23-.59-1.95-.59c-1.52 0-2.99.95-3.37 2.45c-.12.45-.52.77-.98.77c-.66 0-1.15-.63-.97-1.27C8.72 5.52 10.45 4 12.5 4c1.37 0 2.59.61 3.42 1.57M3.67 13.76V13H5v2h-.09c-.69 0-1.24-.56-1.24-1.24"/></g></svg>
Как использовать иконку Goat
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:goat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:goat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:goat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--goat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:goat"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:goat"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goat.svg" alt="Иконка Goat" width="24" height="24">
Иконка Goat в других наборах
Вопросы и ответы: Иконка Goat
Можно ли бесплатно использовать иконку Goat в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Goat в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:goat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Goat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goat.svg" alt="Иконка Goat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
