koala icon
koala from Material Design Icons by Pictogrammers · Filled · Animal · Apache-2.0 Free for personal and commercial use.
- Name
- koala
- Set
- Material Design Icons
- Style
- Filled
- Category
- Animal
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- emoji-koala, emoticon-koala
The same icon in other sets
More animal icons from Material Design Icons
Use the koala icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3c-.9 0-3.5 0-4.7 3.1c-.4-.1-.9-.1-1.3-.1h-2c-.4 0-.9 0-1.3.1C8.5 3 5.9 3 5 3C4 3 1 4 1 9c0 3.6 2.5 4.6 4 4.9V15c0 3.3 2.7 6 6 6h2c3.3 0 6-2.7 6-6v-1.1c1.5-.3 4-1.3 4-4.9c0-5-3-6-4-6M5 12v.4c-2.1-.6-1.7-2.9-.7-3.7C4 8.3 3 9 3 8.6c0-.5 1.8-1.2 2.1-1.3c-.3-.5-1.5-.3-1.5-.7c0-.3 1.2-.8 2.2-.6c.5.1 1.1.3 1.6.7C6 8 5 9.8 5 12m3.5 3c-2 0-2-3 0-3s2 3 0 3m4 3h-1c-.7 0-1.2-.7-.9-1.3l.7-3c.1-.4.5-.6.8-.7c.3 0 .6.2.8.7l.7 3c.1.6-.4 1.3-1.1 1.3m3-3c-2 0-2-3 0-3s2 3 0 3m4.2-6.4c1 .8 1.4 3.1-.7 3.7c.1-2.2-.9-4.3-2.4-5.6c.5-.4 1.1-.6 1.6-.7c1-.2 2.2.2 2.2.6s-1.2.2-1.5.6c.3.2 2.1.9 2.1 1.4c0 .4-.9-.3-1.3 0"/></svg>
React
import type { SVGProps } from "react";
export function MdiKoala(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3c-.9 0-3.5 0-4.7 3.1c-.4-.1-.9-.1-1.3-.1h-2c-.4 0-.9 0-1.3.1C8.5 3 5.9 3 5 3C4 3 1 4 1 9c0 3.6 2.5 4.6 4 4.9V15c0 3.3 2.7 6 6 6h2c3.3 0 6-2.7 6-6v-1.1c1.5-.3 4-1.3 4-4.9c0-5-3-6-4-6M5 12v.4c-2.1-.6-1.7-2.9-.7-3.7C4 8.3 3 9 3 8.6c0-.5 1.8-1.2 2.1-1.3c-.3-.5-1.5-.3-1.5-.7c0-.3 1.2-.8 2.2-.6c.5.1 1.1.3 1.6.7C6 8 5 9.8 5 12m3.5 3c-2 0-2-3 0-3s2 3 0 3m4 3h-1c-.7 0-1.2-.7-.9-1.3l.7-3c.1-.4.5-.6.8-.7c.3 0 .6.2.8.7l.7 3c.1.6-.4 1.3-1.1 1.3m3-3c-2 0-2-3 0-3s2 3 0 3m4.2-6.4c1 .8 1.4 3.1-.7 3.7c.1-2.2-.9-4.3-2.4-5.6c.5-.4 1.1-.6 1.6-.7c1-.2 2.2.2 2.2.6s-1.2.2-1.5.6c.3.2 2.1.9 2.1 1.4c0 .4-.9-.3-1.3 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3c-.9 0-3.5 0-4.7 3.1c-.4-.1-.9-.1-1.3-.1h-2c-.4 0-.9 0-1.3.1C8.5 3 5.9 3 5 3C4 3 1 4 1 9c0 3.6 2.5 4.6 4 4.9V15c0 3.3 2.7 6 6 6h2c3.3 0 6-2.7 6-6v-1.1c1.5-.3 4-1.3 4-4.9c0-5-3-6-4-6M5 12v.4c-2.1-.6-1.7-2.9-.7-3.7C4 8.3 3 9 3 8.6c0-.5 1.8-1.2 2.1-1.3c-.3-.5-1.5-.3-1.5-.7c0-.3 1.2-.8 2.2-.6c.5.1 1.1.3 1.6.7C6 8 5 9.8 5 12m3.5 3c-2 0-2-3 0-3s2 3 0 3m4 3h-1c-.7 0-1.2-.7-.9-1.3l.7-3c.1-.4.5-.6.8-.7c.3 0 .6.2.8.7l.7 3c.1.6-.4 1.3-1.1 1.3m3-3c-2 0-2-3 0-3s2 3 0 3m4.2-6.4c1 .8 1.4 3.1-.7 3.7c.1-2.2-.9-4.3-2.4-5.6c.5-.4 1.1-.6 1.6-.7c1-.2 2.2.2 2.2.6s-1.2.2-1.5.6c.3.2 2.1.9 2.1 1.4c0 .4-.9-.3-1.3 0"/></svg> </template>
CSS
.icon-koala {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%203c-.9%200-3.5%200-4.7%203.1c-.4-.1-.9-.1-1.3-.1h-2c-.4%200-.9%200-1.3.1C8.5%203%205.9%203%205%203C4%203%201%204%201%209c0%203.6%202.5%204.6%204%204.9V15c0%203.3%202.7%206%206%206h2c3.3%200%206-2.7%206-6v-1.1c1.5-.3%204-1.3%204-4.9c0-5-3-6-4-6M5%2012v.4c-2.1-.6-1.7-2.9-.7-3.7C4%208.3%203%209%203%208.6c0-.5%201.8-1.2%202.1-1.3c-.3-.5-1.5-.3-1.5-.7c0-.3%201.2-.8%202.2-.6c.5.1%201.1.3%201.6.7C6%208%205%209.8%205%2012m3.5%203c-2%200-2-3%200-3s2%203%200%203m4%203h-1c-.7%200-1.2-.7-.9-1.3l.7-3c.1-.4.5-.6.8-.7c.3%200%20.6.2.8.7l.7%203c.1.6-.4%201.3-1.1%201.3m3-3c-2%200-2-3%200-3s2%203%200%203m4.2-6.4c1%20.8%201.4%203.1-.7%203.7c.1-2.2-.9-4.3-2.4-5.6c.5-.4%201.1-.6%201.6-.7c1-.2%202.2.2%202.2.6s-1.2.2-1.5.6c.3.2%202.1.9%202.1%201.4c0%20.4-.9-.3-1.3%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%203c-.9%200-3.5%200-4.7%203.1c-.4-.1-.9-.1-1.3-.1h-2c-.4%200-.9%200-1.3.1C8.5%203%205.9%203%205%203C4%203%201%204%201%209c0%203.6%202.5%204.6%204%204.9V15c0%203.3%202.7%206%206%206h2c3.3%200%206-2.7%206-6v-1.1c1.5-.3%204-1.3%204-4.9c0-5-3-6-4-6M5%2012v.4c-2.1-.6-1.7-2.9-.7-3.7C4%208.3%203%209%203%208.6c0-.5%201.8-1.2%202.1-1.3c-.3-.5-1.5-.3-1.5-.7c0-.3%201.2-.8%202.2-.6c.5.1%201.1.3%201.6.7C6%208%205%209.8%205%2012m3.5%203c-2%200-2-3%200-3s2%203%200%203m4%203h-1c-.7%200-1.2-.7-.9-1.3l.7-3c.1-.4.5-.6.8-.7c.3%200%20.6.2.8.7l.7%203c.1.6-.4%201.3-1.1%201.3m3-3c-2%200-2-3%200-3s2%203%200%203m4.2-6.4c1%20.8%201.4%203.1-.7%203.7c.1-2.2-.9-4.3-2.4-5.6c.5-.4%201.1-.6%201.6-.7c1-.2%202.2.2%202.2.6s-1.2.2-1.5.6c.3.2%202.1.9%202.1%201.4c0%20.4-.9-.3-1.3%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/koala.svg?color=%231a73e8&size=48
