cherries icon
cherries-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- cherries-bold
- Set
- Phosphor
- Style
- Bold
- 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="M176 68c-1.88 0-3.76.08-5.62.22a95.7 95.7 0 0 0-21.24-24C110 12.6 56.56 19.8 54.3 20.12a12 12 0 0 0-5 21.86C64.52 52.1 72.13 68.45 75.71 85a76 76 0 1 0 67.22 127.43A76 76 0 1 0 176 68m-22.76 53.06A76.8 76.8 0 0 0 141 105.59a52.1 52.1 0 0 1 16.14-10a107 107 0 0 1 5.12 18.9a12 12 0 0 0-9.02 6.57M134.19 63a70.8 70.8 0 0 1 11.23 11.46A76.3 76.3 0 0 0 121 91.55A75.4 75.4 0 0 0 100.19 85C97.72 71.05 93 56.65 84.58 44c15.2 1.68 34.17 6.48 49.61 19M88 212a52 52 0 0 1-9.53-103.11a173 173 0 0 1-.75 21.59a12 12 0 0 0-5.09 23.38a56.27 56.27 0 0 0 30.74 0a12 12 0 0 0-1.5-23.36a194 194 0 0 0 .69-20.41A52 52 0 0 1 88 212m88-16a51.9 51.9 0 0 1-19.24-3.68a75.83 75.83 0 0 0 4-54.43a56.36 56.36 0 0 0 30.66 0a12 12 0 0 0-4.79-23.42a136.4 136.4 0 0 0-5.12-22.15A52 52 0 0 1 176 196"/></svg>
React
import type { SVGProps } from "react";
export function PhCherriesBold(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="M176 68c-1.88 0-3.76.08-5.62.22a95.7 95.7 0 0 0-21.24-24C110 12.6 56.56 19.8 54.3 20.12a12 12 0 0 0-5 21.86C64.52 52.1 72.13 68.45 75.71 85a76 76 0 1 0 67.22 127.43A76 76 0 1 0 176 68m-22.76 53.06A76.8 76.8 0 0 0 141 105.59a52.1 52.1 0 0 1 16.14-10a107 107 0 0 1 5.12 18.9a12 12 0 0 0-9.02 6.57M134.19 63a70.8 70.8 0 0 1 11.23 11.46A76.3 76.3 0 0 0 121 91.55A75.4 75.4 0 0 0 100.19 85C97.72 71.05 93 56.65 84.58 44c15.2 1.68 34.17 6.48 49.61 19M88 212a52 52 0 0 1-9.53-103.11a173 173 0 0 1-.75 21.59a12 12 0 0 0-5.09 23.38a56.27 56.27 0 0 0 30.74 0a12 12 0 0 0-1.5-23.36a194 194 0 0 0 .69-20.41A52 52 0 0 1 88 212m88-16a51.9 51.9 0 0 1-19.24-3.68a75.83 75.83 0 0 0 4-54.43a56.36 56.36 0 0 0 30.66 0a12 12 0 0 0-4.79-23.42a136.4 136.4 0 0 0-5.12-22.15A52 52 0 0 1 176 196"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 68c-1.88 0-3.76.08-5.62.22a95.7 95.7 0 0 0-21.24-24C110 12.6 56.56 19.8 54.3 20.12a12 12 0 0 0-5 21.86C64.52 52.1 72.13 68.45 75.71 85a76 76 0 1 0 67.22 127.43A76 76 0 1 0 176 68m-22.76 53.06A76.8 76.8 0 0 0 141 105.59a52.1 52.1 0 0 1 16.14-10a107 107 0 0 1 5.12 18.9a12 12 0 0 0-9.02 6.57M134.19 63a70.8 70.8 0 0 1 11.23 11.46A76.3 76.3 0 0 0 121 91.55A75.4 75.4 0 0 0 100.19 85C97.72 71.05 93 56.65 84.58 44c15.2 1.68 34.17 6.48 49.61 19M88 212a52 52 0 0 1-9.53-103.11a173 173 0 0 1-.75 21.59a12 12 0 0 0-5.09 23.38a56.27 56.27 0 0 0 30.74 0a12 12 0 0 0-1.5-23.36a194 194 0 0 0 .69-20.41A52 52 0 0 1 88 212m88-16a51.9 51.9 0 0 1-19.24-3.68a75.83 75.83 0 0 0 4-54.43a56.36 56.36 0 0 0 30.66 0a12 12 0 0 0-4.79-23.42a136.4 136.4 0 0 0-5.12-22.15A52 52 0 0 1 176 196"/></svg> </template>
CSS
.icon-cherries-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%22M176%2068c-1.88%200-3.76.08-5.62.22a95.7%2095.7%200%200%200-21.24-24C110%2012.6%2056.56%2019.8%2054.3%2020.12a12%2012%200%200%200-5%2021.86C64.52%2052.1%2072.13%2068.45%2075.71%2085a76%2076%200%201%200%2067.22%20127.43A76%2076%200%201%200%20176%2068m-22.76%2053.06A76.8%2076.8%200%200%200%20141%20105.59a52.1%2052.1%200%200%201%2016.14-10a107%20107%200%200%201%205.12%2018.9a12%2012%200%200%200-9.02%206.57M134.19%2063a70.8%2070.8%200%200%201%2011.23%2011.46A76.3%2076.3%200%200%200%20121%2091.55A75.4%2075.4%200%200%200%20100.19%2085C97.72%2071.05%2093%2056.65%2084.58%2044c15.2%201.68%2034.17%206.48%2049.61%2019M88%20212a52%2052%200%200%201-9.53-103.11a173%20173%200%200%201-.75%2021.59a12%2012%200%200%200-5.09%2023.38a56.27%2056.27%200%200%200%2030.74%200a12%2012%200%200%200-1.5-23.36a194%20194%200%200%200%20.69-20.41A52%2052%200%200%201%2088%20212m88-16a51.9%2051.9%200%200%201-19.24-3.68a75.83%2075.83%200%200%200%204-54.43a56.36%2056.36%200%200%200%2030.66%200a12%2012%200%200%200-4.79-23.42a136.4%20136.4%200%200%200-5.12-22.15A52%2052%200%200%201%20176%20196%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%22M176%2068c-1.88%200-3.76.08-5.62.22a95.7%2095.7%200%200%200-21.24-24C110%2012.6%2056.56%2019.8%2054.3%2020.12a12%2012%200%200%200-5%2021.86C64.52%2052.1%2072.13%2068.45%2075.71%2085a76%2076%200%201%200%2067.22%20127.43A76%2076%200%201%200%20176%2068m-22.76%2053.06A76.8%2076.8%200%200%200%20141%20105.59a52.1%2052.1%200%200%201%2016.14-10a107%20107%200%200%201%205.12%2018.9a12%2012%200%200%200-9.02%206.57M134.19%2063a70.8%2070.8%200%200%201%2011.23%2011.46A76.3%2076.3%200%200%200%20121%2091.55A75.4%2075.4%200%200%200%20100.19%2085C97.72%2071.05%2093%2056.65%2084.58%2044c15.2%201.68%2034.17%206.48%2049.61%2019M88%20212a52%2052%200%200%201-9.53-103.11a173%20173%200%200%201-.75%2021.59a12%2012%200%200%200-5.09%2023.38a56.27%2056.27%200%200%200%2030.74%200a12%2012%200%200%200-1.5-23.36a194%20194%200%200%200%20.69-20.41A52%2052%200%200%201%2088%20212m88-16a51.9%2051.9%200%200%201-19.24-3.68a75.83%2075.83%200%200%200%204-54.43a56.36%2056.36%200%200%200%2030.66%200a12%2012%200%200%200-4.79-23.42a136.4%20136.4%200%200%200-5.12-22.15A52%2052%200%200%201%20176%20196%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cherries-bold.svg?color=%231a73e8&size=48
