coala logo

coala from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
coala
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Use the coala logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path xmlns="http://www.w3.org/2000/svg" fill="#90a4ae" d="M22 8.95c0-2.59-1.74-3.63-3.89-3.63c-.9 0-1.83.2-2.6.57c-1-.69-2.17-1.09-3.51-1.09s-2.51.41-3.51 1.09c-.78-.38-1.7-.57-2.6-.57C3.74 5.32 2 6.35 2 8.95c0 2.14 1.18 3.56 2.8 4c-.02.3-.04.6-.04.89c0 3.18 2.51 4.26 4.77 4.63c.61.45 1.49.73 2.47.73s1.86-.28 2.47-.73c2.26-.36 4.77-1.44 4.77-4.63c0-.3-.01-.6-.04-.89c1.62-.44 2.8-1.87 2.8-4"/><path xmlns="http://www.w3.org/2000/svg" fill="#f8bbd0" d="M7.31 6.9c-.18-.02-.35-.03-.53-.03c-1.72 0-3.11.83-3.11 2.9c0 1.2.47 2.12 1.19 2.68c.26-2.11 1.11-4.12 2.45-5.55m9.91-.03c-.18 0-.35.01-.53.03c1.34 1.43 2.19 3.44 2.45 5.55c.72-.56 1.19-1.48 1.19-2.68c0-2.07-1.39-2.9-3.11-2.9"/><path xmlns="http://www.w3.org/2000/svg" fill="#263238" d="M14.07 15.21c0 1.86-.96 2.33-2.07 2.33s-2.07-.47-2.07-2.33s.96-3.36 2.07-3.36s2.07 1.51 2.07 3.36M9.5 11.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m7.5 0a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeCoala(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path xmlns="http://www.w3.org/2000/svg" fill="#90a4ae" d="M22 8.95c0-2.59-1.74-3.63-3.89-3.63c-.9 0-1.83.2-2.6.57c-1-.69-2.17-1.09-3.51-1.09s-2.51.41-3.51 1.09c-.78-.38-1.7-.57-2.6-.57C3.74 5.32 2 6.35 2 8.95c0 2.14 1.18 3.56 2.8 4c-.02.3-.04.6-.04.89c0 3.18 2.51 4.26 4.77 4.63c.61.45 1.49.73 2.47.73s1.86-.28 2.47-.73c2.26-.36 4.77-1.44 4.77-4.63c0-.3-.01-.6-.04-.89c1.62-.44 2.8-1.87 2.8-4"/><path xmlns="http://www.w3.org/2000/svg" fill="#f8bbd0" d="M7.31 6.9c-.18-.02-.35-.03-.53-.03c-1.72 0-3.11.83-3.11 2.9c0 1.2.47 2.12 1.19 2.68c.26-2.11 1.11-4.12 2.45-5.55m9.91-.03c-.18 0-.35.01-.53.03c1.34 1.43 2.19 3.44 2.45 5.55c.72-.56 1.19-1.48 1.19-2.68c0-2.07-1.39-2.9-3.11-2.9"/><path xmlns="http://www.w3.org/2000/svg" fill="#263238" d="M14.07 15.21c0 1.86-.96 2.33-2.07 2.33s-2.07-.47-2.07-2.33s.96-3.36 2.07-3.36s2.07 1.51 2.07 3.36M9.5 11.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m7.5 0a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path xmlns="http://www.w3.org/2000/svg" fill="#90a4ae" d="M22 8.95c0-2.59-1.74-3.63-3.89-3.63c-.9 0-1.83.2-2.6.57c-1-.69-2.17-1.09-3.51-1.09s-2.51.41-3.51 1.09c-.78-.38-1.7-.57-2.6-.57C3.74 5.32 2 6.35 2 8.95c0 2.14 1.18 3.56 2.8 4c-.02.3-.04.6-.04.89c0 3.18 2.51 4.26 4.77 4.63c.61.45 1.49.73 2.47.73s1.86-.28 2.47-.73c2.26-.36 4.77-1.44 4.77-4.63c0-.3-.01-.6-.04-.89c1.62-.44 2.8-1.87 2.8-4"/><path xmlns="http://www.w3.org/2000/svg" fill="#f8bbd0" d="M7.31 6.9c-.18-.02-.35-.03-.53-.03c-1.72 0-3.11.83-3.11 2.9c0 1.2.47 2.12 1.19 2.68c.26-2.11 1.11-4.12 2.45-5.55m9.91-.03c-.18 0-.35.01-.53.03c1.34 1.43 2.19 3.44 2.45 5.55c.72-.56 1.19-1.48 1.19-2.68c0-2.07-1.39-2.9-3.11-2.9"/><path xmlns="http://www.w3.org/2000/svg" fill="#263238" d="M14.07 15.21c0 1.86-.96 2.33-2.07 2.33s-2.07-.47-2.07-2.33s.96-3.36 2.07-3.36s2.07 1.51 2.07 3.36M9.5 11.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m7.5 0a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg>
</template>

CSS

.icon-coala {
  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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2390a4ae%22%20d%3D%22M22%208.95c0-2.59-1.74-3.63-3.89-3.63c-.9%200-1.83.2-2.6.57c-1-.69-2.17-1.09-3.51-1.09s-2.51.41-3.51%201.09c-.78-.38-1.7-.57-2.6-.57C3.74%205.32%202%206.35%202%208.95c0%202.14%201.18%203.56%202.8%204c-.02.3-.04.6-.04.89c0%203.18%202.51%204.26%204.77%204.63c.61.45%201.49.73%202.47.73s1.86-.28%202.47-.73c2.26-.36%204.77-1.44%204.77-4.63c0-.3-.01-.6-.04-.89c1.62-.44%202.8-1.87%202.8-4%22%2F%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23f8bbd0%22%20d%3D%22M7.31%206.9c-.18-.02-.35-.03-.53-.03c-1.72%200-3.11.83-3.11%202.9c0%201.2.47%202.12%201.19%202.68c.26-2.11%201.11-4.12%202.45-5.55m9.91-.03c-.18%200-.35.01-.53.03c1.34%201.43%202.19%203.44%202.45%205.55c.72-.56%201.19-1.48%201.19-2.68c0-2.07-1.39-2.9-3.11-2.9%22%2F%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23263238%22%20d%3D%22M14.07%2015.21c0%201.86-.96%202.33-2.07%202.33s-2.07-.47-2.07-2.33s.96-3.36%202.07-3.36s2.07%201.51%202.07%203.36M9.5%2011.75a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200m7.5%200a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2390a4ae%22%20d%3D%22M22%208.95c0-2.59-1.74-3.63-3.89-3.63c-.9%200-1.83.2-2.6.57c-1-.69-2.17-1.09-3.51-1.09s-2.51.41-3.51%201.09c-.78-.38-1.7-.57-2.6-.57C3.74%205.32%202%206.35%202%208.95c0%202.14%201.18%203.56%202.8%204c-.02.3-.04.6-.04.89c0%203.18%202.51%204.26%204.77%204.63c.61.45%201.49.73%202.47.73s1.86-.28%202.47-.73c2.26-.36%204.77-1.44%204.77-4.63c0-.3-.01-.6-.04-.89c1.62-.44%202.8-1.87%202.8-4%22%2F%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23f8bbd0%22%20d%3D%22M7.31%206.9c-.18-.02-.35-.03-.53-.03c-1.72%200-3.11.83-3.11%202.9c0%201.2.47%202.12%201.19%202.68c.26-2.11%201.11-4.12%202.45-5.55m9.91-.03c-.18%200-.35.01-.53.03c1.34%201.43%202.19%203.44%202.45%205.55c.72-.56%201.19-1.48%201.19-2.68c0-2.07-1.39-2.9-3.11-2.9%22%2F%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23263238%22%20d%3D%22M14.07%2015.21c0%201.86-.96%202.33-2.07%202.33s-2.07-.47-2.07-2.33s.96-3.36%202.07-3.36s2.07%201.51%202.07%203.36M9.5%2011.75a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200m7.5%200a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/coala.svg?color=%231a73e8&size=48