Иконка Goat
streamline-emojis:goat
Иконка Goat (streamline-emojis:goat) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Streamline Emojis
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M15.8 44.41a14.35 1.59 0 1 0 28.7 0a14.35 1.59 0 1 0-28.7 0" opacity=".15"/><path fill="#e0e0e0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M36.4 22.21A12.1 12.1 0 0 0 38.53 18c.23-1 .36-1.74.43-2.25a.53.53 0 0 1 .88-.32a5.48 5.48 0 0 1 1.88 5.22c-.8 3.64-5.32 1.56-5.32 1.56m-30.81-2.4s-.76 3.18.53 4.78S8 25.3 8.78 23s-3.19-3.19-3.19-3.19"/><path fill="#f0d5a8" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.92 6.89a6.6 6.6 0 0 1 3.34-4a7.5 7.5 0 0 1 4-.9a.53.53 0 0 1 .23 1a7.1 7.1 0 0 0-2.72 2.53c-1.22 2.2-2 7.17-2 7.17Z"/><path fill="#f0f0f0" d="M33.59 20.08h-6.11a5 5 0 0 1-5.31-5.31v-1.84c0-4.74-.73-6.2-2.13-7.2a34 34 0 0 0-5.26-2.43a.52.52 0 0 0-.71.42A5 5 0 0 0 14.81 7l-4.33.83c-5.12 1.46-8 4.93-8 9s3.33 4.78 7.44 4.78h2.69c2.25 0 4.22 3.47 4.22 7.44v11.76a3.19 3.19 0 0 0 6.38 0v-6.32a32.8 32.8 0 0 0 10.88.35A5.27 5.27 0 0 0 36.52 36v4.78a3.19 3.19 0 0 0 6.38 0V29.39a9.31 9.31 0 0 0-9.31-9.31"/><path fill="#fff" d="m16.85 8.92l-6.38 1.94c-4.43 1.26-7.16 4-7.81 7.43a5.4 5.4 0 0 1-.16-1.39c0-4.12 2.86-7.58 8-9l4.3-.9a5.7 5.7 0 0 0 2.05 1.92M20 5.73a34 34 0 0 0-5.22-2.43a.52.52 0 0 0-.71.42a5.1 5.1 0 0 0 .29 2.41a38.4 38.4 0 0 1 5.78 2.6c1.1.79 1.79 1.87 2 4.64v-.44c.03-4.74-.7-6.2-2.14-7.2m13.59 14.35h-6.11a4.92 4.92 0 0 1-5.22-4.18v1.87a5 5 0 0 0 5.32 5.31h6a9.31 9.31 0 0 1 9.31 9.31v-3a9.31 9.31 0 0 0-9.3-9.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.59 20.08h-6.11a5 5 0 0 1-5.31-5.31v-1.84c0-4.74-.73-6.2-2.13-7.2a34 34 0 0 0-5.26-2.43a.52.52 0 0 0-.71.42A5 5 0 0 0 14.81 7l-4.33.83c-5.12 1.46-8 4.93-8 9s3.33 4.78 7.44 4.78h2.69c2.25 0 4.22 3.47 4.22 7.44v11.76a3.19 3.19 0 0 0 6.38 0v-6.32a32.8 32.8 0 0 0 10.88.35A5.27 5.27 0 0 0 36.52 36v4.78a3.19 3.19 0 0 0 6.38 0V29.39a9.31 9.31 0 0 0-9.31-9.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.27 30.82a5.3 5.3 0 0 0 1.84 4M14.8 7a5.9 5.9 0 0 0 2.05 1.89"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.66 13.23a1.06 1.06 0 1 1-1-1.12a1.08 1.08 0 0 1 1 1.12"/><path fill="#ffaa54" d="M17.38 16.42a1.06 1.06 0 1 1-1-1.12a1.06 1.06 0 0 1 1 1.12"/></svg>
Как использовать иконку Goat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:goat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:goat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:goat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--goat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:goat"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:goat"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/goat.svg" alt="Иконка Goat" width="24" height="24">
Иконка Goat в других наборах
Вопросы и ответы: Иконка Goat
Можно ли бесплатно использовать иконку Goat в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Goat в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:goat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Goat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/goat.svg" alt="Иконка Goat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Streamline Emojis →
ICONYZ
