Иконка Koala

streamline-emojis:koala

Иконка Koala (streamline-emojis:koala) — бесплатная 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

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#bdbec0" d="M13.19 4.65c4.35.69 6.92 5.3 5.89 9.48a8 8 0 0 1-9.49 6.06l-1.12-2s-1.39 2.89-2.42 2s-1.36-4.78-1.36-4.78s-1.37 3.59-2.21 1.7s-.42-5.58.84-7.8a9 9 0 0 1 9.87-4.66"/><path fill="#e0e0e0" d="M13.19 7.76a9 9 0 0 0-9.87 4.67A10.5 10.5 0 0 0 2.18 16a11.13 11.13 0 0 1 1.14-6.7a9 9 0 0 1 9.87-4.66c4.24.67 6.77 5.06 6 9.14a7.39 7.39 0 0 0-6-6.02"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.19 4.65c4.35.69 6.92 5.3 5.89 9.48a8 8 0 0 1-9.49 6.06l-1.12-2s-1.39 2.89-2.42 2s-1.36-4.78-1.36-4.78s-1.37 3.59-2.21 1.7s-.42-5.58.84-7.8a9 9 0 0 1 9.87-4.66"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15 9.6a6.33 6.33 0 0 0-6.71.25"/><path fill="#6dd627" d="M17.74 38.54a6.25 6.25 0 0 0-1.46 5.3a6.24 6.24 0 0 0 5-2.33a6.25 6.25 0 0 0 1.47-5.3a6.24 6.24 0 0 0-5.01 2.33"/><path fill="#46b000" d="M22.72 36.21a6.24 6.24 0 0 0-5 2.33a7 7 0 0 0-.83 1.24a7.3 7.3 0 0 0 4.16 1.92l.18-.19a6.25 6.25 0 0 0 1.49-5.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.74 38.54a6.25 6.25 0 0 0-1.46 5.3a6.24 6.24 0 0 0 5-2.33a6.25 6.25 0 0 0 1.47-5.3a6.24 6.24 0 0 0-5.01 2.33"/><path fill="#bdbec0" d="M34.81 4.65c-4.35.69-6.92 5.3-5.89 9.48a8 8 0 0 0 9.49 6.06l1.12-2s1.39 2.89 2.42 2s1.36-4.78 1.36-4.78s1.37 3.65 2.21 1.72s.42-5.58-.84-7.8a9 9 0 0 0-9.87-4.68"/><path fill="#e0e0e0" d="M34.81 7.76a9 9 0 0 1 9.87 4.67A10.5 10.5 0 0 1 45.82 16a11.13 11.13 0 0 0-1.14-6.7a9 9 0 0 0-9.87-4.66c-4.24.67-6.77 5.06-6 9.14a7.39 7.39 0 0 1 6-6.02"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.81 4.65c-4.35.69-6.92 5.3-5.89 9.48a8 8 0 0 0 9.49 6.06l1.12-2s1.39 2.89 2.42 2s1.36-4.78 1.36-4.78s1.37 3.65 2.21 1.72s.42-5.58-.84-7.8a9 9 0 0 0-9.87-4.68"/><path fill="#45413c" d="M11.17 45.33a12.83 1.67 0 1 0 25.66 0a12.83 1.67 0 1 0-25.66 0" opacity=".15"/><path fill="#bdbec0" d="M38.38 22.55v-2.88c0-7.12-6.44-12.89-14.38-12.89S9.62 12.55 9.62 19.67v2.88a8.4 8.4 0 0 0-1.8 5.17c0 5 4 9.13 9.59 9.13h.28a4.5 4.5 0 0 1 2.34.71a7.7 7.7 0 0 0 4 1a7.7 7.7 0 0 0 4-1a4.5 4.5 0 0 1 2.34-.71h.28c5.63 0 9.59-4.09 9.59-9.13a8.4 8.4 0 0 0-1.86-5.17"/><path fill="#e0e0e0" d="M38.38 22.55v-2.88c0-7.12-6.44-12.89-14.38-12.89S9.62 12.55 9.62 19.67v2.88c0-7.12 6.44-12.14 14.38-12.14s14.38 5.02 14.38 12.14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.38 22.55v-2.88c0-7.12-6.44-12.89-14.38-12.89S9.62 12.55 9.62 19.67v2.88a8.4 8.4 0 0 0-1.8 5.17c0 5 4 9.13 9.59 9.13h.28a4.5 4.5 0 0 1 2.34.71a7.7 7.7 0 0 0 4 1a7.7 7.7 0 0 0 4-1a4.5 4.5 0 0 1 2.34-.71h.28c5.63 0 9.59-4.09 9.59-9.13a8.4 8.4 0 0 0-1.86-5.17"/><path fill="#656769" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.91 28.65c0 3.41-1.75 4.35-3.91 4.35s-3.91-.94-3.91-4.35s1.75-6.81 3.91-6.81s3.91 3.39 3.91 6.81"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.14 21.84a1.67 1.67 0 1 0 3.34 0a1.67 1.67 0 1 0-3.34 0m-15.62 0a1.67 1.67 0 1 0 3.34 0a1.67 1.67 0 1 0-3.34 0"/><path fill="#fcd" d="M38 29.3c0 .55-.91 1-2 1s-2-.45-2-1s.91-1 2-1s2 .45 2 1m-23.89 0c0 .55-.91 1-2 1s-2-.45-2-1s.91-1 2-1s2 .45 2 1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.59 36.85a19.3 19.3 0 0 1-3.29-.65m-9.89.65a19.3 19.3 0 0 0 3.29-.65M33 9.6a6.33 6.33 0 0 1 6.71.25"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="streamline-emojis:koala"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

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