acorn icon

acorn-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: acorn-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

acorn acorn-bold acorn-duotone acorn-fill acorn-light

The same icon in other sets

Use the acorn icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 104a52.06 52.06 0 0 0-52-52h-44v-4a28 28 0 0 1 28-28a4 4 0 0 0 0-8a36 36 0 0 0-36 36v4H80a52.06 52.06 0 0 0-52 52a12 12 0 0 0 8 11.3V128c0 33.61 32.29 59.54 58.24 80.37C109.54 220.66 124 232.27 124 240a4 4 0 0 0 8 0c0-7.73 14.46-19.34 29.76-31.63C187.71 187.54 220 161.61 220 128v-12.7a12 12 0 0 0 8-11.3m-71.25 98.13c-12.51 10.05-23.23 18.65-28.75 26.79c-5.52-8.14-16.24-16.74-28.75-26.79C74.63 182.37 44 157.78 44 128v-12h168v12c0 29.78-30.63 54.37-55.25 74.13M216 108H40a4 4 0 0 1-4-4a44.05 44.05 0 0 1 44-44h96a44.05 44.05 0 0 1 44 44a4 4 0 0 1-4 4"/></svg>

React

import type { SVGProps } from "react";

export function PhAcornThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 104a52.06 52.06 0 0 0-52-52h-44v-4a28 28 0 0 1 28-28a4 4 0 0 0 0-8a36 36 0 0 0-36 36v4H80a52.06 52.06 0 0 0-52 52a12 12 0 0 0 8 11.3V128c0 33.61 32.29 59.54 58.24 80.37C109.54 220.66 124 232.27 124 240a4 4 0 0 0 8 0c0-7.73 14.46-19.34 29.76-31.63C187.71 187.54 220 161.61 220 128v-12.7a12 12 0 0 0 8-11.3m-71.25 98.13c-12.51 10.05-23.23 18.65-28.75 26.79c-5.52-8.14-16.24-16.74-28.75-26.79C74.63 182.37 44 157.78 44 128v-12h168v12c0 29.78-30.63 54.37-55.25 74.13M216 108H40a4 4 0 0 1-4-4a44.05 44.05 0 0 1 44-44h96a44.05 44.05 0 0 1 44 44a4 4 0 0 1-4 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 104a52.06 52.06 0 0 0-52-52h-44v-4a28 28 0 0 1 28-28a4 4 0 0 0 0-8a36 36 0 0 0-36 36v4H80a52.06 52.06 0 0 0-52 52a12 12 0 0 0 8 11.3V128c0 33.61 32.29 59.54 58.24 80.37C109.54 220.66 124 232.27 124 240a4 4 0 0 0 8 0c0-7.73 14.46-19.34 29.76-31.63C187.71 187.54 220 161.61 220 128v-12.7a12 12 0 0 0 8-11.3m-71.25 98.13c-12.51 10.05-23.23 18.65-28.75 26.79c-5.52-8.14-16.24-16.74-28.75-26.79C74.63 182.37 44 157.78 44 128v-12h168v12c0 29.78-30.63 54.37-55.25 74.13M216 108H40a4 4 0 0 1-4-4a44.05 44.05 0 0 1 44-44h96a44.05 44.05 0 0 1 44 44a4 4 0 0 1-4 4"/></svg>
</template>

CSS

.icon-acorn-thin {
  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%22currentColor%22%20d%3D%22M228%20104a52.06%2052.06%200%200%200-52-52h-44v-4a28%2028%200%200%201%2028-28a4%204%200%200%200%200-8a36%2036%200%200%200-36%2036v4H80a52.06%2052.06%200%200%200-52%2052a12%2012%200%200%200%208%2011.3V128c0%2033.61%2032.29%2059.54%2058.24%2080.37C109.54%20220.66%20124%20232.27%20124%20240a4%204%200%200%200%208%200c0-7.73%2014.46-19.34%2029.76-31.63C187.71%20187.54%20220%20161.61%20220%20128v-12.7a12%2012%200%200%200%208-11.3m-71.25%2098.13c-12.51%2010.05-23.23%2018.65-28.75%2026.79c-5.52-8.14-16.24-16.74-28.75-26.79C74.63%20182.37%2044%20157.78%2044%20128v-12h168v12c0%2029.78-30.63%2054.37-55.25%2074.13M216%20108H40a4%204%200%200%201-4-4a44.05%2044.05%200%200%201%2044-44h96a44.05%2044.05%200%200%201%2044%2044a4%204%200%200%201-4%204%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%22currentColor%22%20d%3D%22M228%20104a52.06%2052.06%200%200%200-52-52h-44v-4a28%2028%200%200%201%2028-28a4%204%200%200%200%200-8a36%2036%200%200%200-36%2036v4H80a52.06%2052.06%200%200%200-52%2052a12%2012%200%200%200%208%2011.3V128c0%2033.61%2032.29%2059.54%2058.24%2080.37C109.54%20220.66%20124%20232.27%20124%20240a4%204%200%200%200%208%200c0-7.73%2014.46-19.34%2029.76-31.63C187.71%20187.54%20220%20161.61%20220%20128v-12.7a12%2012%200%200%200%208-11.3m-71.25%2098.13c-12.51%2010.05-23.23%2018.65-28.75%2026.79c-5.52-8.14-16.24-16.74-28.75-26.79C74.63%20182.37%2044%20157.78%2044%20128v-12h168v12c0%2029.78-30.63%2054.37-55.25%2074.13M216%20108H40a4%204%200%200%201-4-4a44.05%2044.05%200%200%201%2044-44h96a44.05%2044.05%200%200%201%2044%2044a4%204%200%200%201-4%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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