coffee bean icon

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

Name
coffee-bean-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

coffee-beancoffee-bean-boldcoffee-bean-duotonecoffee-bean-fillcoffee-bean-light

The same icon in other sets

coffee-beanBoxIcons v2 Solidcoffee-beanLucide Lab

Use the coffee bean icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M209 47c-32.36-32.35-95-22.33-139.7 22.34S14.63 176.66 47 209c12.82 12.81 30.38 19 49.71 19c29.46 0 63-14.34 90-41.32C231.35 142 241.37 79.34 209 47M75 75c25.47-25.46 57-39.09 84.26-39.09c14.51 0 27.83 3.87 38.43 11.84c-25.76 7.05-63 26.4-73.6 79.49c-10.5 52.52-49.25 69.26-72.91 74.58C23.77 172.12 34.16 115.81 75 75m106 106c-39 39-92.17 50.23-122.71 27.25c25.75-7 63-26.39 73.62-79.48c10.5-52.53 49.25-69.26 72.91-74.59C232.23 83.88 221.84 140.19 181 181"/></svg>

React

import type { SVGProps } from "react";

export function PhCoffeeBeanThin(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="M209 47c-32.36-32.35-95-22.33-139.7 22.34S14.63 176.66 47 209c12.82 12.81 30.38 19 49.71 19c29.46 0 63-14.34 90-41.32C231.35 142 241.37 79.34 209 47M75 75c25.47-25.46 57-39.09 84.26-39.09c14.51 0 27.83 3.87 38.43 11.84c-25.76 7.05-63 26.4-73.6 79.49c-10.5 52.52-49.25 69.26-72.91 74.58C23.77 172.12 34.16 115.81 75 75m106 106c-39 39-92.17 50.23-122.71 27.25c25.75-7 63-26.39 73.62-79.48c10.5-52.53 49.25-69.26 72.91-74.59C232.23 83.88 221.84 140.19 181 181"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M209 47c-32.36-32.35-95-22.33-139.7 22.34S14.63 176.66 47 209c12.82 12.81 30.38 19 49.71 19c29.46 0 63-14.34 90-41.32C231.35 142 241.37 79.34 209 47M75 75c25.47-25.46 57-39.09 84.26-39.09c14.51 0 27.83 3.87 38.43 11.84c-25.76 7.05-63 26.4-73.6 79.49c-10.5 52.52-49.25 69.26-72.91 74.58C23.77 172.12 34.16 115.81 75 75m106 106c-39 39-92.17 50.23-122.71 27.25c25.75-7 63-26.39 73.62-79.48c10.5-52.53 49.25-69.26 72.91-74.59C232.23 83.88 221.84 140.19 181 181"/></svg>
</template>

CSS

.icon-coffee-bean-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%22M209%2047c-32.36-32.35-95-22.33-139.7%2022.34S14.63%20176.66%2047%20209c12.82%2012.81%2030.38%2019%2049.71%2019c29.46%200%2063-14.34%2090-41.32C231.35%20142%20241.37%2079.34%20209%2047M75%2075c25.47-25.46%2057-39.09%2084.26-39.09c14.51%200%2027.83%203.87%2038.43%2011.84c-25.76%207.05-63%2026.4-73.6%2079.49c-10.5%2052.52-49.25%2069.26-72.91%2074.58C23.77%20172.12%2034.16%20115.81%2075%2075m106%20106c-39%2039-92.17%2050.23-122.71%2027.25c25.75-7%2063-26.39%2073.62-79.48c10.5-52.53%2049.25-69.26%2072.91-74.59C232.23%2083.88%20221.84%20140.19%20181%20181%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%22M209%2047c-32.36-32.35-95-22.33-139.7%2022.34S14.63%20176.66%2047%20209c12.82%2012.81%2030.38%2019%2049.71%2019c29.46%200%2063-14.34%2090-41.32C231.35%20142%20241.37%2079.34%20209%2047M75%2075c25.47-25.46%2057-39.09%2084.26-39.09c14.51%200%2027.83%203.87%2038.43%2011.84c-25.76%207.05-63%2026.4-73.6%2079.49c-10.5%2052.52-49.25%2069.26-72.91%2074.58C23.77%20172.12%2034.16%20115.81%2075%2075m106%20106c-39%2039-92.17%2050.23-122.71%2027.25c25.75-7%2063-26.39%2073.62-79.48c10.5-52.53%2049.25-69.26%2072.91-74.59C232.23%2083.88%20221.84%20140.19%20181%20181%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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