pepper icon

pepper-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: pepper-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

pepper pepper-duotone pepper-fill pepper-light pepper-thin

The same icon in other sets

pepperHuge Icons pepperOpenMoji pepperTabler Icons

Use the pepper icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M170.56 36.82A44.08 44.08 0 0 0 128 4a12 12 0 0 0 0 24a20 20 0 0 1 17.09 9.66A68.11 68.11 0 0 0 92 104c0 21.74-5.83 40.14-17.32 54.69c-12.22 15.47-31.18 27.08-56.34 34.49a20 20 0 0 0 2.2 38.91a268 268 0 0 0 46.1 3.91c41.61 0 88-9.38 120.21-36.38C214.16 176.72 228 144.55 228 104a68.11 68.11 0 0 0-57.44-67.18M160 60a44 44 0 0 1 40.32 26.41L192 90.58l-26.63-13.32a12 12 0 0 0-10.74 0L128 90.58l-8.32-4.17A44 44 0 0 1 160 60m11.43 121.23c-17.4 14.59-42.33 24.47-72.1 28.58a251.3 251.3 0 0 1-58.21.89c46.68-18.51 72.28-52.54 74.68-99.39l6.83 3.42a12.07 12.07 0 0 0 10.74 0L160 101.41l26.63 13.32a12.07 12.07 0 0 0 10.74 0l6.43-3.22c-1.56 29.56-12.42 52.99-32.37 69.72"/></svg>

React

import type { SVGProps } from "react";

export function PhPepperBold(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="M170.56 36.82A44.08 44.08 0 0 0 128 4a12 12 0 0 0 0 24a20 20 0 0 1 17.09 9.66A68.11 68.11 0 0 0 92 104c0 21.74-5.83 40.14-17.32 54.69c-12.22 15.47-31.18 27.08-56.34 34.49a20 20 0 0 0 2.2 38.91a268 268 0 0 0 46.1 3.91c41.61 0 88-9.38 120.21-36.38C214.16 176.72 228 144.55 228 104a68.11 68.11 0 0 0-57.44-67.18M160 60a44 44 0 0 1 40.32 26.41L192 90.58l-26.63-13.32a12 12 0 0 0-10.74 0L128 90.58l-8.32-4.17A44 44 0 0 1 160 60m11.43 121.23c-17.4 14.59-42.33 24.47-72.1 28.58a251.3 251.3 0 0 1-58.21.89c46.68-18.51 72.28-52.54 74.68-99.39l6.83 3.42a12.07 12.07 0 0 0 10.74 0L160 101.41l26.63 13.32a12.07 12.07 0 0 0 10.74 0l6.43-3.22c-1.56 29.56-12.42 52.99-32.37 69.72"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M170.56 36.82A44.08 44.08 0 0 0 128 4a12 12 0 0 0 0 24a20 20 0 0 1 17.09 9.66A68.11 68.11 0 0 0 92 104c0 21.74-5.83 40.14-17.32 54.69c-12.22 15.47-31.18 27.08-56.34 34.49a20 20 0 0 0 2.2 38.91a268 268 0 0 0 46.1 3.91c41.61 0 88-9.38 120.21-36.38C214.16 176.72 228 144.55 228 104a68.11 68.11 0 0 0-57.44-67.18M160 60a44 44 0 0 1 40.32 26.41L192 90.58l-26.63-13.32a12 12 0 0 0-10.74 0L128 90.58l-8.32-4.17A44 44 0 0 1 160 60m11.43 121.23c-17.4 14.59-42.33 24.47-72.1 28.58a251.3 251.3 0 0 1-58.21.89c46.68-18.51 72.28-52.54 74.68-99.39l6.83 3.42a12.07 12.07 0 0 0 10.74 0L160 101.41l26.63 13.32a12.07 12.07 0 0 0 10.74 0l6.43-3.22c-1.56 29.56-12.42 52.99-32.37 69.72"/></svg>
</template>

CSS

.icon-pepper-bold {
  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%22M170.56%2036.82A44.08%2044.08%200%200%200%20128%204a12%2012%200%200%200%200%2024a20%2020%200%200%201%2017.09%209.66A68.11%2068.11%200%200%200%2092%20104c0%2021.74-5.83%2040.14-17.32%2054.69c-12.22%2015.47-31.18%2027.08-56.34%2034.49a20%2020%200%200%200%202.2%2038.91a268%20268%200%200%200%2046.1%203.91c41.61%200%2088-9.38%20120.21-36.38C214.16%20176.72%20228%20144.55%20228%20104a68.11%2068.11%200%200%200-57.44-67.18M160%2060a44%2044%200%200%201%2040.32%2026.41L192%2090.58l-26.63-13.32a12%2012%200%200%200-10.74%200L128%2090.58l-8.32-4.17A44%2044%200%200%201%20160%2060m11.43%20121.23c-17.4%2014.59-42.33%2024.47-72.1%2028.58a251.3%20251.3%200%200%201-58.21.89c46.68-18.51%2072.28-52.54%2074.68-99.39l6.83%203.42a12.07%2012.07%200%200%200%2010.74%200L160%20101.41l26.63%2013.32a12.07%2012.07%200%200%200%2010.74%200l6.43-3.22c-1.56%2029.56-12.42%2052.99-32.37%2069.72%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%22M170.56%2036.82A44.08%2044.08%200%200%200%20128%204a12%2012%200%200%200%200%2024a20%2020%200%200%201%2017.09%209.66A68.11%2068.11%200%200%200%2092%20104c0%2021.74-5.83%2040.14-17.32%2054.69c-12.22%2015.47-31.18%2027.08-56.34%2034.49a20%2020%200%200%200%202.2%2038.91a268%20268%200%200%200%2046.1%203.91c41.61%200%2088-9.38%20120.21-36.38C214.16%20176.72%20228%20144.55%20228%20104a68.11%2068.11%200%200%200-57.44-67.18M160%2060a44%2044%200%200%201%2040.32%2026.41L192%2090.58l-26.63-13.32a12%2012%200%200%200-10.74%200L128%2090.58l-8.32-4.17A44%2044%200%200%201%20160%2060m11.43%20121.23c-17.4%2014.59-42.33%2024.47-72.1%2028.58a251.3%20251.3%200%200%201-58.21.89c46.68-18.51%2072.28-52.54%2074.68-99.39l6.83%203.42a12.07%2012.07%200%200%200%2010.74%200L160%20101.41l26.63%2013.32a12.07%2012.07%200%200%200%2010.74%200l6.43-3.22c-1.56%2029.56-12.42%2052.99-32.37%2069.72%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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