cherries icon

cherries-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
cherries-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

The same icon in other sets

Use the cherries icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M178.42 72a75 75 0 0 0-10.21.37a91.9 91.9 0 0 0-21.59-25.09c-37.84-30.49-89.57-23.51-91.75-23.2A8 8 0 0 0 48 31.43a8.19 8.19 0 0 0 3.69 7.32c17.4 11.68 25.37 30.91 28.7 49.65a72.08 72.08 0 1 0 16.26.14C93.54 68.59 86.56 52 76 39.37c16.67.72 41.24 4.78 60.64 20.48a74.8 74.8 0 0 1 15 16.39c-1.9.69-3.79 1.44-5.65 2.29a8.42 8.42 0 0 0-4.49 4.63a8 8 0 0 0 2.41 9a89 89 0 0 1 13.59 14a3.6 3.6 0 0 0 .65.65C160 108.15 165.83 112 176 112c12.15 0 18.18-5.51 18.43-5.75l-.09.09a8 8 0 1 1 11.32 11.32C204.6 118.72 194.77 128 176 128h-1.61a3 3 0 0 0-3 4a87.9 87.9 0 0 1-7 71.6a8.4 8.4 0 0 0-1 6.24a8 8 0 0 0 7.16 6c1.78.13 3.59.2 5.37.2a72 72 0 0 0 2.42-144Zm-72 50.21l-.09.09a8 8 0 0 1 11.32 11.32C116.6 134.72 106.77 144 88 144s-28.6-9.28-29.66-10.34a8 8 0 0 1 11.32-11.32l-.09-.09c.25.24 6.28 5.75 18.43 5.75s18.18-5.51 18.43-5.75Z"/></svg>

React

import type { SVGProps } from "react";

export function PhCherriesFill(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="M178.42 72a75 75 0 0 0-10.21.37a91.9 91.9 0 0 0-21.59-25.09c-37.84-30.49-89.57-23.51-91.75-23.2A8 8 0 0 0 48 31.43a8.19 8.19 0 0 0 3.69 7.32c17.4 11.68 25.37 30.91 28.7 49.65a72.08 72.08 0 1 0 16.26.14C93.54 68.59 86.56 52 76 39.37c16.67.72 41.24 4.78 60.64 20.48a74.8 74.8 0 0 1 15 16.39c-1.9.69-3.79 1.44-5.65 2.29a8.42 8.42 0 0 0-4.49 4.63a8 8 0 0 0 2.41 9a89 89 0 0 1 13.59 14a3.6 3.6 0 0 0 .65.65C160 108.15 165.83 112 176 112c12.15 0 18.18-5.51 18.43-5.75l-.09.09a8 8 0 1 1 11.32 11.32C204.6 118.72 194.77 128 176 128h-1.61a3 3 0 0 0-3 4a87.9 87.9 0 0 1-7 71.6a8.4 8.4 0 0 0-1 6.24a8 8 0 0 0 7.16 6c1.78.13 3.59.2 5.37.2a72 72 0 0 0 2.42-144Zm-72 50.21l-.09.09a8 8 0 0 1 11.32 11.32C116.6 134.72 106.77 144 88 144s-28.6-9.28-29.66-10.34a8 8 0 0 1 11.32-11.32l-.09-.09c.25.24 6.28 5.75 18.43 5.75s18.18-5.51 18.43-5.75Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M178.42 72a75 75 0 0 0-10.21.37a91.9 91.9 0 0 0-21.59-25.09c-37.84-30.49-89.57-23.51-91.75-23.2A8 8 0 0 0 48 31.43a8.19 8.19 0 0 0 3.69 7.32c17.4 11.68 25.37 30.91 28.7 49.65a72.08 72.08 0 1 0 16.26.14C93.54 68.59 86.56 52 76 39.37c16.67.72 41.24 4.78 60.64 20.48a74.8 74.8 0 0 1 15 16.39c-1.9.69-3.79 1.44-5.65 2.29a8.42 8.42 0 0 0-4.49 4.63a8 8 0 0 0 2.41 9a89 89 0 0 1 13.59 14a3.6 3.6 0 0 0 .65.65C160 108.15 165.83 112 176 112c12.15 0 18.18-5.51 18.43-5.75l-.09.09a8 8 0 1 1 11.32 11.32C204.6 118.72 194.77 128 176 128h-1.61a3 3 0 0 0-3 4a87.9 87.9 0 0 1-7 71.6a8.4 8.4 0 0 0-1 6.24a8 8 0 0 0 7.16 6c1.78.13 3.59.2 5.37.2a72 72 0 0 0 2.42-144Zm-72 50.21l-.09.09a8 8 0 0 1 11.32 11.32C116.6 134.72 106.77 144 88 144s-28.6-9.28-29.66-10.34a8 8 0 0 1 11.32-11.32l-.09-.09c.25.24 6.28 5.75 18.43 5.75s18.18-5.51 18.43-5.75Z"/></svg>
</template>

CSS

.icon-cherries-fill {
  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%22M178.42%2072a75%2075%200%200%200-10.21.37a91.9%2091.9%200%200%200-21.59-25.09c-37.84-30.49-89.57-23.51-91.75-23.2A8%208%200%200%200%2048%2031.43a8.19%208.19%200%200%200%203.69%207.32c17.4%2011.68%2025.37%2030.91%2028.7%2049.65a72.08%2072.08%200%201%200%2016.26.14C93.54%2068.59%2086.56%2052%2076%2039.37c16.67.72%2041.24%204.78%2060.64%2020.48a74.8%2074.8%200%200%201%2015%2016.39c-1.9.69-3.79%201.44-5.65%202.29a8.42%208.42%200%200%200-4.49%204.63a8%208%200%200%200%202.41%209a89%2089%200%200%201%2013.59%2014a3.6%203.6%200%200%200%20.65.65C160%20108.15%20165.83%20112%20176%20112c12.15%200%2018.18-5.51%2018.43-5.75l-.09.09a8%208%200%201%201%2011.32%2011.32C204.6%20118.72%20194.77%20128%20176%20128h-1.61a3%203%200%200%200-3%204a87.9%2087.9%200%200%201-7%2071.6a8.4%208.4%200%200%200-1%206.24a8%208%200%200%200%207.16%206c1.78.13%203.59.2%205.37.2a72%2072%200%200%200%202.42-144Zm-72%2050.21l-.09.09a8%208%200%200%201%2011.32%2011.32C116.6%20134.72%20106.77%20144%2088%20144s-28.6-9.28-29.66-10.34a8%208%200%200%201%2011.32-11.32l-.09-.09c.25.24%206.28%205.75%2018.43%205.75s18.18-5.51%2018.43-5.75Z%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%22M178.42%2072a75%2075%200%200%200-10.21.37a91.9%2091.9%200%200%200-21.59-25.09c-37.84-30.49-89.57-23.51-91.75-23.2A8%208%200%200%200%2048%2031.43a8.19%208.19%200%200%200%203.69%207.32c17.4%2011.68%2025.37%2030.91%2028.7%2049.65a72.08%2072.08%200%201%200%2016.26.14C93.54%2068.59%2086.56%2052%2076%2039.37c16.67.72%2041.24%204.78%2060.64%2020.48a74.8%2074.8%200%200%201%2015%2016.39c-1.9.69-3.79%201.44-5.65%202.29a8.42%208.42%200%200%200-4.49%204.63a8%208%200%200%200%202.41%209a89%2089%200%200%201%2013.59%2014a3.6%203.6%200%200%200%20.65.65C160%20108.15%20165.83%20112%20176%20112c12.15%200%2018.18-5.51%2018.43-5.75l-.09.09a8%208%200%201%201%2011.32%2011.32C204.6%20118.72%20194.77%20128%20176%20128h-1.61a3%203%200%200%200-3%204a87.9%2087.9%200%200%201-7%2071.6a8.4%208.4%200%200%200-1%206.24a8%208%200%200%200%207.16%206c1.78.13%203.59.2%205.37.2a72%2072%200%200%200%202.42-144Zm-72%2050.21l-.09.09a8%208%200%200%201%2011.32%2011.32C116.6%20134.72%20106.77%20144%2088%20144s-28.6-9.28-29.66-10.34a8%208%200%200%201%2011.32-11.32l-.09-.09c.25.24%206.28%205.75%2018.43%205.75s18.18-5.51%2018.43-5.75Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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