forestadmin icon logo

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

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

Use the forestadmin icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#54bd7e" d="M21.333 0h213.334C246.449 0 256 9.551 256 21.333v213.334c0 11.782-9.551 21.333-21.333 21.333H21.333C9.551 256 0 246.449 0 234.667V21.333C0 9.551 9.551 0 21.333 0"/><path fill="#fff" d="M135.693 84.617C166.562 82.29 185.22 67.59 191.035 48c-40.737 18.77-91.57-4.192-101.19 37.282l-4.932 22.11c8.58-13.312 19.913-20.45 50.78-22.775m-16.05 3.764C104.47 90.567 92.3 97.605 85.47 109.966c-2.198 3.978-2.97 8.253-2.97 8.253l-3.491 15.65c4.373-7.8 12.194-17.766 32.69-22.508c.462-2.482 3.26-16.707 7.942-22.98m-43.819 59.767l-5.332 23.904c14.127-26.898 44.53-32.12 48.283-32.904c26.475-5.536 39.22-18.681 44.29-35.763c-23.1 13.062-77.02-3.34-87.241 44.763m-7.9 35.422L64 201.163c31.309-1.763 34.762-31.851 39.87-55.753c-9.74 3.4-31.207 16.724-35.946 38.16"/></svg>

React

import type { SVGProps } from "react";

export function LogosForestadminIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#54bd7e" d="M21.333 0h213.334C246.449 0 256 9.551 256 21.333v213.334c0 11.782-9.551 21.333-21.333 21.333H21.333C9.551 256 0 246.449 0 234.667V21.333C0 9.551 9.551 0 21.333 0"/><path fill="#fff" d="M135.693 84.617C166.562 82.29 185.22 67.59 191.035 48c-40.737 18.77-91.57-4.192-101.19 37.282l-4.932 22.11c8.58-13.312 19.913-20.45 50.78-22.775m-16.05 3.764C104.47 90.567 92.3 97.605 85.47 109.966c-2.198 3.978-2.97 8.253-2.97 8.253l-3.491 15.65c4.373-7.8 12.194-17.766 32.69-22.508c.462-2.482 3.26-16.707 7.942-22.98m-43.819 59.767l-5.332 23.904c14.127-26.898 44.53-32.12 48.283-32.904c26.475-5.536 39.22-18.681 44.29-35.763c-23.1 13.062-77.02-3.34-87.241 44.763m-7.9 35.422L64 201.163c31.309-1.763 34.762-31.851 39.87-55.753c-9.74 3.4-31.207 16.724-35.946 38.16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#54bd7e" d="M21.333 0h213.334C246.449 0 256 9.551 256 21.333v213.334c0 11.782-9.551 21.333-21.333 21.333H21.333C9.551 256 0 246.449 0 234.667V21.333C0 9.551 9.551 0 21.333 0"/><path fill="#fff" d="M135.693 84.617C166.562 82.29 185.22 67.59 191.035 48c-40.737 18.77-91.57-4.192-101.19 37.282l-4.932 22.11c8.58-13.312 19.913-20.45 50.78-22.775m-16.05 3.764C104.47 90.567 92.3 97.605 85.47 109.966c-2.198 3.978-2.97 8.253-2.97 8.253l-3.491 15.65c4.373-7.8 12.194-17.766 32.69-22.508c.462-2.482 3.26-16.707 7.942-22.98m-43.819 59.767l-5.332 23.904c14.127-26.898 44.53-32.12 48.283-32.904c26.475-5.536 39.22-18.681 44.29-35.763c-23.1 13.062-77.02-3.34-87.241 44.763m-7.9 35.422L64 201.163c31.309-1.763 34.762-31.851 39.87-55.753c-9.74 3.4-31.207 16.724-35.946 38.16"/></svg>
</template>

CSS

.icon-forestadmin-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%20256%22%3E%3Cpath%20fill%3D%22%2354bd7e%22%20d%3D%22M21.333%200h213.334C246.449%200%20256%209.551%20256%2021.333v213.334c0%2011.782-9.551%2021.333-21.333%2021.333H21.333C9.551%20256%200%20246.449%200%20234.667V21.333C0%209.551%209.551%200%2021.333%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M135.693%2084.617C166.562%2082.29%20185.22%2067.59%20191.035%2048c-40.737%2018.77-91.57-4.192-101.19%2037.282l-4.932%2022.11c8.58-13.312%2019.913-20.45%2050.78-22.775m-16.05%203.764C104.47%2090.567%2092.3%2097.605%2085.47%20109.966c-2.198%203.978-2.97%208.253-2.97%208.253l-3.491%2015.65c4.373-7.8%2012.194-17.766%2032.69-22.508c.462-2.482%203.26-16.707%207.942-22.98m-43.819%2059.767l-5.332%2023.904c14.127-26.898%2044.53-32.12%2048.283-32.904c26.475-5.536%2039.22-18.681%2044.29-35.763c-23.1%2013.062-77.02-3.34-87.241%2044.763m-7.9%2035.422L64%20201.163c31.309-1.763%2034.762-31.851%2039.87-55.753c-9.74%203.4-31.207%2016.724-35.946%2038.16%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%20256%22%3E%3Cpath%20fill%3D%22%2354bd7e%22%20d%3D%22M21.333%200h213.334C246.449%200%20256%209.551%20256%2021.333v213.334c0%2011.782-9.551%2021.333-21.333%2021.333H21.333C9.551%20256%200%20246.449%200%20234.667V21.333C0%209.551%209.551%200%2021.333%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M135.693%2084.617C166.562%2082.29%20185.22%2067.59%20191.035%2048c-40.737%2018.77-91.57-4.192-101.19%2037.282l-4.932%2022.11c8.58-13.312%2019.913-20.45%2050.78-22.775m-16.05%203.764C104.47%2090.567%2092.3%2097.605%2085.47%20109.966c-2.198%203.978-2.97%208.253-2.97%208.253l-3.491%2015.65c4.373-7.8%2012.194-17.766%2032.69-22.508c.462-2.482%203.26-16.707%207.942-22.98m-43.819%2059.767l-5.332%2023.904c14.127-26.898%2044.53-32.12%2048.283-32.904c26.475-5.536%2039.22-18.681%2044.29-35.763c-23.1%2013.062-77.02-3.34-87.241%2044.763m-7.9%2035.422L64%20201.163c31.309-1.763%2034.762-31.851%2039.87-55.753c-9.74%203.4-31.207%2016.724-35.946%2038.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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