treehouse icon logo

treehouse-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
treehouse-icon
Set
SVG Logos
Style
Color
Viewbox
256×279
License
CC0

Use the treehouse icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 279"><path fill="#5fcf80" d="M225.627 50.983c-9.546-5.207-24.298 3.471-32.976 19.092l-16.488 27.77c-6.075 11.28-5.207 25.165 2.603 36.447l.868.867c7.81 10.414 17.356 20.827 20.827 24.299c1.736 1.735 3.471 4.339 4.339 7.81c2.603 9.546-2.603 19.96-13.017 22.563c-9.546 2.603-19.96-2.604-22.563-13.017c-.867-2.604-.867-5.207-.867-6.943c.867-4.339-.868-10.413-6.943-17.356c-6.074-6.074-17.356 6.075-21.695 18.224v.868c-3.47 12.149-6.074 23.43-5.207 24.298c0 .868.868.868.868 1.736c5.207 10.413 1.736 22.562-8.678 27.77c-10.413 5.206-22.562 1.735-27.77-8.679c-5.206-10.413-1.735-22.563 8.679-27.77c.868 0 .868-.867 1.735-.867s2.604-5.207 5.207-12.15c1.736-6.074 2.604-8.677 3.471-11.28c.868-3.472 2.604-12.15 1.736-15.62c-.868-4.34-5.207-4.34-9.546-1.737c-2.603 1.736-7.81 6.075-9.546 7.81c-4.339 3.472-7.81 8.679-9.545 13.018c-.868 1.735-2.604 4.339-4.34 6.074c-7.81 6.075-19.09 5.207-26.033-2.603c-6.075-7.81-5.207-19.092 2.603-26.034c2.604-1.736 5.207-3.471 7.81-3.471c4.34-.868 19.96-10.414 29.505-17.356c1.736-.868 4.34-3.471 5.207-4.34c2.604-3.47 0-6.074-2.603-6.074c-7.81.868-16.488 1.736-18.224 4.34c-.868.867-1.736 2.603-3.471 3.47c-6.942 5.207-17.356 3.472-22.563-3.47s-3.471-17.357 3.471-22.564c2.604-2.603 6.943-3.47 9.546-3.47c6.075 0 21.695 3.47 33.844.867l3.471-.868c13.017-2.603 28.638-13.884 34.712-25.166c0 0 6.075-10.413 13.017-23.43c7.81-13.017 6.943-27.77-.868-32.109l-14.752-8.678c-7.81-4.339-19.092-4.339-26.902 0L13.885 60.53C6.075 64.868 0 75.28 0 83.959v111.078c0 8.678 6.075 19.092 13.885 23.43l100.664 57.275c7.81 4.34 19.96 4.34 26.902 0l100.664-57.274c7.81-4.34 13.885-14.753 13.885-23.43V83.958c0-8.678-6.075-19.091-13.885-23.43c0 0-6.942-4.34-16.488-9.546"/></svg>

React

import type { SVGProps } from "react";

export function LogosTreehouseIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 279"><path fill="#5fcf80" d="M225.627 50.983c-9.546-5.207-24.298 3.471-32.976 19.092l-16.488 27.77c-6.075 11.28-5.207 25.165 2.603 36.447l.868.867c7.81 10.414 17.356 20.827 20.827 24.299c1.736 1.735 3.471 4.339 4.339 7.81c2.603 9.546-2.603 19.96-13.017 22.563c-9.546 2.603-19.96-2.604-22.563-13.017c-.867-2.604-.867-5.207-.867-6.943c.867-4.339-.868-10.413-6.943-17.356c-6.074-6.074-17.356 6.075-21.695 18.224v.868c-3.47 12.149-6.074 23.43-5.207 24.298c0 .868.868.868.868 1.736c5.207 10.413 1.736 22.562-8.678 27.77c-10.413 5.206-22.562 1.735-27.77-8.679c-5.206-10.413-1.735-22.563 8.679-27.77c.868 0 .868-.867 1.735-.867s2.604-5.207 5.207-12.15c1.736-6.074 2.604-8.677 3.471-11.28c.868-3.472 2.604-12.15 1.736-15.62c-.868-4.34-5.207-4.34-9.546-1.737c-2.603 1.736-7.81 6.075-9.546 7.81c-4.339 3.472-7.81 8.679-9.545 13.018c-.868 1.735-2.604 4.339-4.34 6.074c-7.81 6.075-19.09 5.207-26.033-2.603c-6.075-7.81-5.207-19.092 2.603-26.034c2.604-1.736 5.207-3.471 7.81-3.471c4.34-.868 19.96-10.414 29.505-17.356c1.736-.868 4.34-3.471 5.207-4.34c2.604-3.47 0-6.074-2.603-6.074c-7.81.868-16.488 1.736-18.224 4.34c-.868.867-1.736 2.603-3.471 3.47c-6.942 5.207-17.356 3.472-22.563-3.47s-3.471-17.357 3.471-22.564c2.604-2.603 6.943-3.47 9.546-3.47c6.075 0 21.695 3.47 33.844.867l3.471-.868c13.017-2.603 28.638-13.884 34.712-25.166c0 0 6.075-10.413 13.017-23.43c7.81-13.017 6.943-27.77-.868-32.109l-14.752-8.678c-7.81-4.339-19.092-4.339-26.902 0L13.885 60.53C6.075 64.868 0 75.28 0 83.959v111.078c0 8.678 6.075 19.092 13.885 23.43l100.664 57.275c7.81 4.34 19.96 4.34 26.902 0l100.664-57.274c7.81-4.34 13.885-14.753 13.885-23.43V83.958c0-8.678-6.075-19.091-13.885-23.43c0 0-6.942-4.34-16.488-9.546"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 279"><path fill="#5fcf80" d="M225.627 50.983c-9.546-5.207-24.298 3.471-32.976 19.092l-16.488 27.77c-6.075 11.28-5.207 25.165 2.603 36.447l.868.867c7.81 10.414 17.356 20.827 20.827 24.299c1.736 1.735 3.471 4.339 4.339 7.81c2.603 9.546-2.603 19.96-13.017 22.563c-9.546 2.603-19.96-2.604-22.563-13.017c-.867-2.604-.867-5.207-.867-6.943c.867-4.339-.868-10.413-6.943-17.356c-6.074-6.074-17.356 6.075-21.695 18.224v.868c-3.47 12.149-6.074 23.43-5.207 24.298c0 .868.868.868.868 1.736c5.207 10.413 1.736 22.562-8.678 27.77c-10.413 5.206-22.562 1.735-27.77-8.679c-5.206-10.413-1.735-22.563 8.679-27.77c.868 0 .868-.867 1.735-.867s2.604-5.207 5.207-12.15c1.736-6.074 2.604-8.677 3.471-11.28c.868-3.472 2.604-12.15 1.736-15.62c-.868-4.34-5.207-4.34-9.546-1.737c-2.603 1.736-7.81 6.075-9.546 7.81c-4.339 3.472-7.81 8.679-9.545 13.018c-.868 1.735-2.604 4.339-4.34 6.074c-7.81 6.075-19.09 5.207-26.033-2.603c-6.075-7.81-5.207-19.092 2.603-26.034c2.604-1.736 5.207-3.471 7.81-3.471c4.34-.868 19.96-10.414 29.505-17.356c1.736-.868 4.34-3.471 5.207-4.34c2.604-3.47 0-6.074-2.603-6.074c-7.81.868-16.488 1.736-18.224 4.34c-.868.867-1.736 2.603-3.471 3.47c-6.942 5.207-17.356 3.472-22.563-3.47s-3.471-17.357 3.471-22.564c2.604-2.603 6.943-3.47 9.546-3.47c6.075 0 21.695 3.47 33.844.867l3.471-.868c13.017-2.603 28.638-13.884 34.712-25.166c0 0 6.075-10.413 13.017-23.43c7.81-13.017 6.943-27.77-.868-32.109l-14.752-8.678c-7.81-4.339-19.092-4.339-26.902 0L13.885 60.53C6.075 64.868 0 75.28 0 83.959v111.078c0 8.678 6.075 19.092 13.885 23.43l100.664 57.275c7.81 4.34 19.96 4.34 26.902 0l100.664-57.274c7.81-4.34 13.885-14.753 13.885-23.43V83.958c0-8.678-6.075-19.091-13.885-23.43c0 0-6.942-4.34-16.488-9.546"/></svg>
</template>

CSS

.icon-treehouse-icon {
  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%20256%20279%22%3E%3Cpath%20fill%3D%22%235fcf80%22%20d%3D%22M225.627%2050.983c-9.546-5.207-24.298%203.471-32.976%2019.092l-16.488%2027.77c-6.075%2011.28-5.207%2025.165%202.603%2036.447l.868.867c7.81%2010.414%2017.356%2020.827%2020.827%2024.299c1.736%201.735%203.471%204.339%204.339%207.81c2.603%209.546-2.603%2019.96-13.017%2022.563c-9.546%202.603-19.96-2.604-22.563-13.017c-.867-2.604-.867-5.207-.867-6.943c.867-4.339-.868-10.413-6.943-17.356c-6.074-6.074-17.356%206.075-21.695%2018.224v.868c-3.47%2012.149-6.074%2023.43-5.207%2024.298c0%20.868.868.868.868%201.736c5.207%2010.413%201.736%2022.562-8.678%2027.77c-10.413%205.206-22.562%201.735-27.77-8.679c-5.206-10.413-1.735-22.563%208.679-27.77c.868%200%20.868-.867%201.735-.867s2.604-5.207%205.207-12.15c1.736-6.074%202.604-8.677%203.471-11.28c.868-3.472%202.604-12.15%201.736-15.62c-.868-4.34-5.207-4.34-9.546-1.737c-2.603%201.736-7.81%206.075-9.546%207.81c-4.339%203.472-7.81%208.679-9.545%2013.018c-.868%201.735-2.604%204.339-4.34%206.074c-7.81%206.075-19.09%205.207-26.033-2.603c-6.075-7.81-5.207-19.092%202.603-26.034c2.604-1.736%205.207-3.471%207.81-3.471c4.34-.868%2019.96-10.414%2029.505-17.356c1.736-.868%204.34-3.471%205.207-4.34c2.604-3.47%200-6.074-2.603-6.074c-7.81.868-16.488%201.736-18.224%204.34c-.868.867-1.736%202.603-3.471%203.47c-6.942%205.207-17.356%203.472-22.563-3.47s-3.471-17.357%203.471-22.564c2.604-2.603%206.943-3.47%209.546-3.47c6.075%200%2021.695%203.47%2033.844.867l3.471-.868c13.017-2.603%2028.638-13.884%2034.712-25.166c0%200%206.075-10.413%2013.017-23.43c7.81-13.017%206.943-27.77-.868-32.109l-14.752-8.678c-7.81-4.339-19.092-4.339-26.902%200L13.885%2060.53C6.075%2064.868%200%2075.28%200%2083.959v111.078c0%208.678%206.075%2019.092%2013.885%2023.43l100.664%2057.275c7.81%204.34%2019.96%204.34%2026.902%200l100.664-57.274c7.81-4.34%2013.885-14.753%2013.885-23.43V83.958c0-8.678-6.075-19.091-13.885-23.43c0%200-6.942-4.34-16.488-9.546%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%20256%20279%22%3E%3Cpath%20fill%3D%22%235fcf80%22%20d%3D%22M225.627%2050.983c-9.546-5.207-24.298%203.471-32.976%2019.092l-16.488%2027.77c-6.075%2011.28-5.207%2025.165%202.603%2036.447l.868.867c7.81%2010.414%2017.356%2020.827%2020.827%2024.299c1.736%201.735%203.471%204.339%204.339%207.81c2.603%209.546-2.603%2019.96-13.017%2022.563c-9.546%202.603-19.96-2.604-22.563-13.017c-.867-2.604-.867-5.207-.867-6.943c.867-4.339-.868-10.413-6.943-17.356c-6.074-6.074-17.356%206.075-21.695%2018.224v.868c-3.47%2012.149-6.074%2023.43-5.207%2024.298c0%20.868.868.868.868%201.736c5.207%2010.413%201.736%2022.562-8.678%2027.77c-10.413%205.206-22.562%201.735-27.77-8.679c-5.206-10.413-1.735-22.563%208.679-27.77c.868%200%20.868-.867%201.735-.867s2.604-5.207%205.207-12.15c1.736-6.074%202.604-8.677%203.471-11.28c.868-3.472%202.604-12.15%201.736-15.62c-.868-4.34-5.207-4.34-9.546-1.737c-2.603%201.736-7.81%206.075-9.546%207.81c-4.339%203.472-7.81%208.679-9.545%2013.018c-.868%201.735-2.604%204.339-4.34%206.074c-7.81%206.075-19.09%205.207-26.033-2.603c-6.075-7.81-5.207-19.092%202.603-26.034c2.604-1.736%205.207-3.471%207.81-3.471c4.34-.868%2019.96-10.414%2029.505-17.356c1.736-.868%204.34-3.471%205.207-4.34c2.604-3.47%200-6.074-2.603-6.074c-7.81.868-16.488%201.736-18.224%204.34c-.868.867-1.736%202.603-3.471%203.47c-6.942%205.207-17.356%203.472-22.563-3.47s-3.471-17.357%203.471-22.564c2.604-2.603%206.943-3.47%209.546-3.47c6.075%200%2021.695%203.47%2033.844.867l3.471-.868c13.017-2.603%2028.638-13.884%2034.712-25.166c0%200%206.075-10.413%2013.017-23.43c7.81-13.017%206.943-27.77-.868-32.109l-14.752-8.678c-7.81-4.339-19.092-4.339-26.902%200L13.885%2060.53C6.075%2064.868%200%2075.28%200%2083.959v111.078c0%208.678%206.075%2019.092%2013.885%2023.43l100.664%2057.275c7.81%204.34%2019.96%204.34%2026.902%200l100.664-57.274c7.81-4.34%2013.885-14.753%2013.885-23.43V83.958c0-8.678-6.075-19.091-13.885-23.43c0%200-6.942-4.34-16.488-9.546%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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