koala emoji
koala from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- koala
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the koala emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function TwemojiKoala(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M36%2013.533C36%208.867%2032.866%207%2029%207c-1.621%200-3.285.354-4.676%201.027C22.523%206.798%2020.405%206.062%2018%206.062s-4.523.736-6.324%201.965C10.285%207.354%208.621%207%207%207c-3.866%200-7%201.867-7%206.533c0%203.844%202.128%206.417%205.038%207.206a20%2020%200%200%200-.068%201.611c0%205.729%204.52%207.675%208.581%208.326C14.649%2031.487%2016.232%2032%2018%2032s3.351-.513%204.449-1.323c4.062-.651%208.581-2.597%208.581-8.326q-.002-.807-.068-1.611c2.91-.79%205.038-3.363%205.038-7.207%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M9.554%209.854A9%209%200%200%200%208.6%209.8C5.507%209.8%203%2011.293%203%2015.026c0%202.154.838%203.808%202.138%204.824c.473-3.797%202.005-7.416%204.416-9.996M27.4%209.8c-.317%200-.637.021-.955.054c2.412%202.58%203.943%206.199%204.416%209.997C32.162%2018.834%2033%2017.181%2033%2015.026c0-3.733-2.507-5.226-5.6-5.226%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M21.728%2024.807C21.728%2028.152%2020%2029%2018%2029s-3.727-.848-3.727-4.193S16%2018.75%2018%2018.75s3.728%202.712%203.728%206.057%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2219.875%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2219.875%22%20r%3D%221.5%22%20fill%3D%22%23292f33%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M36%2013.533C36%208.867%2032.866%207%2029%207c-1.621%200-3.285.354-4.676%201.027C22.523%206.798%2020.405%206.062%2018%206.062s-4.523.736-6.324%201.965C10.285%207.354%208.621%207%207%207c-3.866%200-7%201.867-7%206.533c0%203.844%202.128%206.417%205.038%207.206a20%2020%200%200%200-.068%201.611c0%205.729%204.52%207.675%208.581%208.326C14.649%2031.487%2016.232%2032%2018%2032s3.351-.513%204.449-1.323c4.062-.651%208.581-2.597%208.581-8.326q-.002-.807-.068-1.611c2.91-.79%205.038-3.363%205.038-7.207%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M9.554%209.854A9%209%200%200%200%208.6%209.8C5.507%209.8%203%2011.293%203%2015.026c0%202.154.838%203.808%202.138%204.824c.473-3.797%202.005-7.416%204.416-9.996M27.4%209.8c-.317%200-.637.021-.955.054c2.412%202.58%203.943%206.199%204.416%209.997C32.162%2018.834%2033%2017.181%2033%2015.026c0-3.733-2.507-5.226-5.6-5.226%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M21.728%2024.807C21.728%2028.152%2020%2029%2018%2029s-3.727-.848-3.727-4.193S16%2018.75%2018%2018.75s3.728%202.712%203.728%206.057%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2219.875%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2219.875%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/koala.svg?color=%231a73e8&size=48
