Иконка Cow Face

streamline-emojis:cow-face

Иконка Cow Face (streamline-emojis:cow-face) — бесплатная 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
Категория: Животные и природа
Теги: cowface

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#fff48c" d="M18.72 8.68a9.6 9.6 0 0 1-4.23-2.12a18.4 18.4 0 0 1-2.7-3.19a1.06 1.06 0 0 0-1.86.24A11.8 11.8 0 0 0 9.2 9.2a9.33 9.33 0 0 0 3.17 5.29Z"/><path fill="#fffacf" d="M9.28 9.63a12.4 12.4 0 0 1 .65-2.41A1.05 1.05 0 0 1 11.79 7a18.8 18.8 0 0 0 2.7 3.19a9 9 0 0 0 1.46 1l2.77-2.53a9.6 9.6 0 0 1-4.23-2.12a18.8 18.8 0 0 1-2.7-3.19a1.06 1.06 0 0 0-1.86.24A11.8 11.8 0 0 0 9.2 9.2c.02.15.05.29.08.43"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.72 8.68a9.6 9.6 0 0 1-4.23-2.12a18.4 18.4 0 0 1-2.7-3.19a1.06 1.06 0 0 0-1.86.24A11.8 11.8 0 0 0 9.2 9.2a9.33 9.33 0 0 0 3.17 5.29Z"/><path fill="#fff48c" d="M29.28 8.68a9.6 9.6 0 0 0 4.23-2.12a18.4 18.4 0 0 0 2.7-3.19a1.06 1.06 0 0 1 1.86.24a11.8 11.8 0 0 1 .73 5.59a9.33 9.33 0 0 1-3.17 5.29Z"/><path fill="#fffacf" d="M38.72 9.63a12.4 12.4 0 0 0-.65-2.41A1.05 1.05 0 0 0 36.21 7a18.8 18.8 0 0 1-2.7 3.19a9 9 0 0 1-1.46 1l-2.77-2.51a9.6 9.6 0 0 0 4.23-2.12a18.8 18.8 0 0 0 2.7-3.19a1.06 1.06 0 0 1 1.86.24a11.8 11.8 0 0 1 .73 5.59c-.02.15-.05.29-.08.43"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.28 8.68a9.6 9.6 0 0 0 4.23-2.12a18.4 18.4 0 0 0 2.7-3.19a1.06 1.06 0 0 1 1.86.24a11.8 11.8 0 0 1 .73 5.59a9.33 9.33 0 0 1-3.17 5.29Z"/><path fill="#f0f0f0" d="M12.75 12.34s-7 .94-10 9c-1.94 5.11 10 2.64 10 2.64Z"/><path fill="#fff" d="M2.71 21.33a1.87 1.87 0 0 0 .46 2.37a13.43 13.43 0 0 1 9.58-7.92v-3.44s-6.99.94-10.04 8.99"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.75 12.34s-7 .94-10 9c-1.94 5.11 10 2.64 10 2.64Z"/><path fill="#f0f0f0" d="M35.25 12.34s7 .94 10 9c1.94 5.11-10 2.64-10 2.64Z"/><path fill="#fff" d="M45.29 21.33a1.87 1.87 0 0 1-.46 2.37a13.43 13.43 0 0 0-9.58-7.92v-3.44s6.99.94 10.04 8.99"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.25 12.34s7 .94 10 9c1.94 5.11-10 2.64-10 2.64Z"/><path fill="#45413c" d="M11.84 45.41a12.16 1.59 0 1 0 24.32 0a12.16 1.59 0 1 0-24.32 0" opacity=".15"/><path fill="#f0f0f0" d="M20.33 8.15h7.35a9.54 9.54 0 0 1 9.54 9.54v14.77H10.79V17.69a9.54 9.54 0 0 1 9.54-9.54"/><path fill="#fff" d="M27.67 8.15h-7.34a9.54 9.54 0 0 0-9.54 9.54v3.83A9.54 9.54 0 0 1 20.33 12h7.34a9.54 9.54 0 0 1 9.54 9.54v-3.85a9.54 9.54 0 0 0-9.54-9.54"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M20.33 8.15h7.35a9.54 9.54 0 0 1 9.54 9.54v14.77h0h-26.43h0V17.69a9.54 9.54 0 0 1 9.54-9.54"/><path fill="#fcd" d="M8.67 32.46a15.33 10.04 0 1 0 30.66 0a15.33 10.04 0 1 0-30.66 0"/><path fill="#ffe5ee" d="M24 26.12c11.66 0 14.63 3.4 15.21 8a12 12 0 0 0 .12-1.61c0-5.55-1.94-10-15.33-10S8.67 27 8.67 32.51a12 12 0 0 0 .12 1.61c.58-4.6 3.55-8 15.21-8"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.67 32.46a15.33 10.04 0 1 0 30.66 0a15.33 10.04 0 1 0-30.66 0"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.07 33.52a1.59 1.59 0 1 0 3.18 0a1.59 1.59 0 1 0-3.18 0m12.68 0a1.59 1.59 0 1 0 3.18 0a1.59 1.59 0 1 0-3.18 0"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.29 18.56a1.43 1.43 0 1 0 2.86 0a1.43 1.43 0 1 0-2.86 0m-13.44 0a1.43 1.43 0 1 0 2.86 0a1.43 1.43 0 1 0-2.86 0"/><path fill="#fcd" d="M36.16 21.36c0 .55-.71 1-1.59 1s-1.59-.45-1.59-1s.71-1 1.59-1s1.59.45 1.59 1m-21.16 0c0 .55-.71 1-1.59 1s-1.59-.45-1.59-1s.71-1 1.59-1s1.59.45 1.59 1"/></svg>

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

React

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

<Icon icon="streamline-emojis:cow-face" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:cow-face" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:cow-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--cow-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:cow-face"></div>

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

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

<iconify-icon icon="streamline-emojis:cow-face"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-emojis/cow-face.svg" alt="Иконка Cow Face" width="24" height="24">

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

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

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

Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Streamline Emojis →