acorn icon

acorn-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: acorn-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

acorn acorn-bold acorn-duotone acorn-fill acorn-thin

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="M230 104a54.06 54.06 0 0 0-54-54h-42v-2a26 26 0 0 1 26-26a6 6 0 0 0 0-12a38 38 0 0 0-38 38v2H80a54.06 54.06 0 0 0-54 54a14 14 0 0 0 8 12.63V128c0 34.57 32.71 60.83 59 81.93c14.26 11.45 29 23.29 29 30.07a6 6 0 0 0 12 0c0-6.78 14.75-18.62 29-30.07c26.28-21.1 59-47.36 59-81.93v-11.37a14 14 0 0 0 8-12.63M80 62h96a42 42 0 0 1 42 42a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2a42 42 0 0 1 42-42m75.5 138.58c-11.48 9.21-21.48 17.24-27.5 25c-6-7.72-16-15.75-27.5-25C76.22 181.08 46 156.82 46 128v-10h164v10c0 28.82-30.22 53.08-54.5 72.58"/></svg>

React

import type { SVGProps } from "react";

export function PhAcornLight(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="M230 104a54.06 54.06 0 0 0-54-54h-42v-2a26 26 0 0 1 26-26a6 6 0 0 0 0-12a38 38 0 0 0-38 38v2H80a54.06 54.06 0 0 0-54 54a14 14 0 0 0 8 12.63V128c0 34.57 32.71 60.83 59 81.93c14.26 11.45 29 23.29 29 30.07a6 6 0 0 0 12 0c0-6.78 14.75-18.62 29-30.07c26.28-21.1 59-47.36 59-81.93v-11.37a14 14 0 0 0 8-12.63M80 62h96a42 42 0 0 1 42 42a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2a42 42 0 0 1 42-42m75.5 138.58c-11.48 9.21-21.48 17.24-27.5 25c-6-7.72-16-15.75-27.5-25C76.22 181.08 46 156.82 46 128v-10h164v10c0 28.82-30.22 53.08-54.5 72.58"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230 104a54.06 54.06 0 0 0-54-54h-42v-2a26 26 0 0 1 26-26a6 6 0 0 0 0-12a38 38 0 0 0-38 38v2H80a54.06 54.06 0 0 0-54 54a14 14 0 0 0 8 12.63V128c0 34.57 32.71 60.83 59 81.93c14.26 11.45 29 23.29 29 30.07a6 6 0 0 0 12 0c0-6.78 14.75-18.62 29-30.07c26.28-21.1 59-47.36 59-81.93v-11.37a14 14 0 0 0 8-12.63M80 62h96a42 42 0 0 1 42 42a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2a42 42 0 0 1 42-42m75.5 138.58c-11.48 9.21-21.48 17.24-27.5 25c-6-7.72-16-15.75-27.5-25C76.22 181.08 46 156.82 46 128v-10h164v10c0 28.82-30.22 53.08-54.5 72.58"/></svg>
</template>

CSS

.icon-acorn-light {
  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%22M230%20104a54.06%2054.06%200%200%200-54-54h-42v-2a26%2026%200%200%201%2026-26a6%206%200%200%200%200-12a38%2038%200%200%200-38%2038v2H80a54.06%2054.06%200%200%200-54%2054a14%2014%200%200%200%208%2012.63V128c0%2034.57%2032.71%2060.83%2059%2081.93c14.26%2011.45%2029%2023.29%2029%2030.07a6%206%200%200%200%2012%200c0-6.78%2014.75-18.62%2029-30.07c26.28-21.1%2059-47.36%2059-81.93v-11.37a14%2014%200%200%200%208-12.63M80%2062h96a42%2042%200%200%201%2042%2042a2%202%200%200%201-2%202H40a2%202%200%200%201-2-2a42%2042%200%200%201%2042-42m75.5%20138.58c-11.48%209.21-21.48%2017.24-27.5%2025c-6-7.72-16-15.75-27.5-25C76.22%20181.08%2046%20156.82%2046%20128v-10h164v10c0%2028.82-30.22%2053.08-54.5%2072.58%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%22M230%20104a54.06%2054.06%200%200%200-54-54h-42v-2a26%2026%200%200%201%2026-26a6%206%200%200%200%200-12a38%2038%200%200%200-38%2038v2H80a54.06%2054.06%200%200%200-54%2054a14%2014%200%200%200%208%2012.63V128c0%2034.57%2032.71%2060.83%2059%2081.93c14.26%2011.45%2029%2023.29%2029%2030.07a6%206%200%200%200%2012%200c0-6.78%2014.75-18.62%2029-30.07c26.28-21.1%2059-47.36%2059-81.93v-11.37a14%2014%200%200%200%208-12.63M80%2062h96a42%2042%200%200%201%2042%2042a2%202%200%200%201-2%202H40a2%202%200%200%201-2-2a42%2042%200%200%201%2042-42m75.5%20138.58c-11.48%209.21-21.48%2017.24-27.5%2025c-6-7.72-16-15.75-27.5-25C76.22%20181.08%2046%20156.82%2046%20128v-10h164v10c0%2028.82-30.22%2053.08-54.5%2072.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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