Koala Bear icon
icon-park:koala-bear
The Koala Bear icon (icon-park:koala-bear) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Animals
- Tags
- koalabear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><circle cx="24" cy="26" r="15" fill="#2F88FF" stroke="#000" stroke-width="4"/><path fill="#43CCF8" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M21 31.5625C21 29.664 24 24 24 24C24 24 27 29.664 27 31.5625C27 33.461 25.6569 35 24 35C22.3431 35 21 33.461 21 31.5625Z"/><circle cx="17.039" cy="23.493" r="2" fill="#fff"/><circle cx="31.039" cy="23.493" r="2" fill="#fff"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M17 11.9269C15.6214 9.52446 8.49451 6.09319 5.34959 9.30595C4.01392 10.4178 2.98594 15.4499 5.72704 23L10 19.9798"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M31 11.9269C32.3786 9.52446 39.5055 6.0932 42.6504 9.30595C43.9861 10.4178 45.0141 15.4499 42.273 23L38 19.9802"/></g></svg>How to use the Koala Bear icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:koala-bear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:koala-bear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:koala-bear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--koala-bear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:koala-bear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:koala-bear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/koala-bear.svg" alt="Koala Bear icon" width="24" height="24">Koala Bear icon in other icon sets
Koala Bear icon FAQ
Is the Koala Bear icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Koala Bear icon in React?
Install @iconify/react and render <Icon icon="icon-park:koala-bear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Koala Bear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/koala-bear.svg" alt="Koala Bear icon">, or paste the SVG code inline to style it with CSS.