ICONYZ
Русский
Иконка Koala из набора Emoji One (Colored)

Иконка Koala

emojione:koala

Иконка Koala (emojione:koala) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Emoji One (Colored)
Автор
Emoji One
Лицензия
CC-BY-4.0
Размер
64 × 64
Категория
Природа
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#a8b2ba"><path d="M17.9 51.7c-3.4 5.8-6.2 6-8.7 4.6s-3.7-3.9-.3-9.7s10.2-12.8 12.7-11.4s-.3 10.6-3.7 16.5m37.2-5.2c3.4 5.8 2.2 8.3-.3 9.7s-5.3 1.3-8.7-4.6c-3.4-5.8-6.2-15.1-3.7-16.5s9.3 5.6 12.7 11.4"/><ellipse cx="32" cy="52.1" rx="13.9" ry="8.4"/></g><ellipse cx="32" cy="46.6" fill="#cfdae8" rx="13" ry="9.3"/><path fill="#a8b2ba" d="M62 13.8c0 6.5-5 11.8-11.1 11.8s-11.1-5.3-11.1-11.8S44.8 2 50.9 2S62 7.3 62 13.8"/><path fill="#cfdae8" d="M57.6 13.8c0 3.9-3 7.1-6.7 7.1s-6.7-3.2-6.7-7.1s3-7.1 6.7-7.1s6.7 3.2 6.7 7.1"/><ellipse cx="13.1" cy="13.8" fill="#a8b2ba" rx="11.1" ry="11.8"/><path fill="#cfdae8" d="M19.8 13.8c0 3.9-3 7.1-6.7 7.1s-6.7-3.2-6.7-7.1s3-7.1 6.7-7.1s6.7 3.2 6.7 7.1"/><g fill="#a8b2ba"><path d="M12 35.7c-2.3-2.1-3-5.3-3-5.3l1.5.3S8.7 29 9.2 25.3l1.5 1.5s-1.5-3.8-.2-7.2l1.7 1.1s-.5-1.4 0-2.4l.7.5s-1.3-3.2-.1-4.6c.7 2 1.4 1.9 1.4 1.9s-1-1.5-.2-2.1c.8 1.1 1.4.4 1.4.1c0-.4.1-1.1-2.1-1.4c1.8-1 3.9-.3 3.9-.3s-.1-1-1.6-1C17 10.3 19 11 19 11l-2.6 6.3l-3.2 9.4z"/><path d="M32 7.5c-17.6 0-21.5 11.9-21.5 26.3c0 1.5 9.6 9.7 21.5 9.7s21.5-8.2 21.5-9.7c0-14.4-3.9-26.3-21.5-26.3"/><path d="M52 35.7c2.3-2.1 3-5.3 3-5.3l-1.5.3s1.8-1.7 1.3-5.4l-1.5 1.5s1.5-3.8.2-7.2l-1.7 1.1s.5-1.4 0-2.4l-.7.5s1.3-3.2.1-4.6c-.7 2-1.4 1.9-1.4 1.9s1-1.5.2-2.1c-.8 1.1-1.4.4-1.4.1c0-.4-.1-1.1 2.1-1.4c-1.8-1-3.9-.3-3.9-.3s.1-1 1.6-1C47 10.3 45 11 45 11l2.6 6.3l3.2 9.4z"/></g><ellipse cx="19.8" cy="28" fill="#d5ff83" rx="4" ry="3.9"/><ellipse cx="19.8" cy="28" fill="#3e4347" rx="2.6" ry="2.5"/><ellipse cx="44.2" cy="28" fill="#d5ff83" rx="4" ry="3.9"/><ellipse cx="44.2" cy="28" fill="#3e4347" rx="2.6" ry="2.5"/><path fill="#555e63" d="M24.8 34.2c0-5.9 4.8-8.2 7.2-8.2s7.2 2.3 7.2 8.2c0 7.5-2.6 9.3-7.2 9.3s-7.2-1.7-7.2-9.3"/><path fill="#96a2aa" d="M27.7 55.8c0 5.1-3.2 6.2-7.1 6.2s-7.1-1.2-7.1-6.2c0-5.1 3.2-9.2 7.1-9.2s7.1 4.1 7.1 9.2"/><path fill="#cfdae8" d="M25.6 57.1c0 3.6-2.3 4.4-5 4.4s-5-.8-5-4.4s2.3-6.5 5-6.5s5 3 5 6.5"/><path fill="#96a2aa" d="M50.6 55.8c0 5.1-3.2 6.2-7.1 6.2s-7.1-1.2-7.1-6.2c0-5.1 3.2-9.2 7.1-9.2s7.1 4.1 7.1 9.2"/><path fill="#cfdae8" d="M48.5 57.1c0 3.6-2.3 4.4-5 4.4s-5-.8-5-4.4s2.3-6.5 5-6.5s5 3 5 6.5"/></svg>

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

React

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

<Icon icon="emojione:koala" width="24" />

Vue

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

<template>
  <Icon icon="emojione:koala" width="24" />
</template>

Svelte

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

<Icon icon="emojione:koala" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="emojione:koala"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Emoji One (Colored) →