Koala icon
twemoji:koala
The Koala icon (twemoji:koala) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Animals & Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#99aab5" d="M36 13.533C36 8.867 32.866 7 29 7c-1.621 0-3.285.354-4.676 1.027C22.523 6.798 20.405 6.062 18 6.062s-4.523.736-6.324 1.965C10.285 7.354 8.621 7 7 7c-3.866 0-7 1.867-7 6.533c0 3.844 2.128 6.417 5.038 7.206a20 20 0 0 0-.068 1.611c0 5.729 4.52 7.675 8.581 8.326C14.649 31.487 16.232 32 18 32s3.351-.513 4.449-1.323c4.062-.651 8.581-2.597 8.581-8.326q-.002-.807-.068-1.611c2.91-.79 5.038-3.363 5.038-7.207"/><path fill="#66757f" d="M9.554 9.854A9 9 0 0 0 8.6 9.8C5.507 9.8 3 11.293 3 15.026c0 2.154.838 3.808 2.138 4.824c.473-3.797 2.005-7.416 4.416-9.996M27.4 9.8c-.317 0-.637.021-.955.054c2.412 2.58 3.943 6.199 4.416 9.997C32.162 18.834 33 17.181 33 15.026c0-3.733-2.507-5.226-5.6-5.226"/><path fill="#292f33" d="M21.728 24.807C21.728 28.152 20 29 18 29s-3.727-.848-3.727-4.193S16 18.75 18 18.75s3.728 2.712 3.728 6.057"/><circle cx="12.5" cy="19.875" r="1.5" fill="#292f33"/><circle cx="23.5" cy="19.875" r="1.5" fill="#292f33"/></svg>
How to use the Koala icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:koala" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:koala" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:koala" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--koala]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:koala"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:koala"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/koala.svg" alt="Koala icon" width="24" height="24">
Koala icon in other icon sets
Koala icon FAQ
Is the Koala icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Koala icon in React?
Install @iconify/react and render <Icon icon="twemoji:koala" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Koala icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/koala.svg" alt="Koala icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
