cheers icon
cheers-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- cheers-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the cheers icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m212.89 210.08l-13.78 3.69l-8.57-32a44.07 44.07 0 0 0 20-49.17c-12.81-47.6-39.31-89.32-40.43-91.07a12 12 0 0 0-13-5.17l-16.9 4.22c0-5.34-.18-8.63-.2-9.13a12 12 0 0 0-9.08-11.09l-32-8a12 12 0 0 0-13 5.17C84.77 19.28 58.27 61 45.51 108.6a44.07 44.07 0 0 0 19.95 49.17l-8.57 32l-13.78-3.69a12 12 0 0 0-6.22 23.18l48 12.86a12 12 0 0 0 6.22-23.18l-11-3l8.57-32a44.21 44.21 0 0 0 34.62-17.65q1 4.53 2.23 9A44.06 44.06 0 0 0 167.36 188l8.57 32l-11 3a12 12 0 0 0 6.22 23.18l48-12.86a12 12 0 1 0-6.22-23.18ZM162.59 77l-22.82 5.71c-.21-6.92-.19-12.83-.1-17.24l14.62-3.65c2.21 3.79 5.09 8.97 8.3 15.18m-60.87-39.2l14.46 3.61c0 4 0 9.25-.24 15.34c0 .92-.11 2.2-.17 3.82l-23.26-5.81a388 388 0 0 1 9.21-16.96M82.83 139.31a20 20 0 0 1-14.14-24.49a281 281 0 0 1 13.4-37.93l31.94 8a304 304 0 0 1-6.73 40.4a20 20 0 0 1-24.47 14.02m65.84 9.86a265 265 0 0 1-7.36-42.17l31.82-8a283 283 0 0 1 14.18 39.73a20 20 0 0 1-38.64 10.35Zm36-109.38a12 12 0 0 1 7.59-15.17l12-4a12 12 0 0 1 7.58 22.76l-12 4a12 12 0 0 1-15.17-7.59M236 72a12 12 0 0 1-12 12h-12a12 12 0 0 1 0-24h12a12 12 0 0 1 12 12M28.62 20.21a12 12 0 0 1 15.17-7.59l12 4a12 12 0 1 1-7.58 22.76l-12-4a12 12 0 0 1-7.59-15.17M36 76H24a12 12 0 0 1 0-24h12a12 12 0 0 1 0 24"/></svg>
React
import type { SVGProps } from "react";
export function PhCheersBold(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="m212.89 210.08l-13.78 3.69l-8.57-32a44.07 44.07 0 0 0 20-49.17c-12.81-47.6-39.31-89.32-40.43-91.07a12 12 0 0 0-13-5.17l-16.9 4.22c0-5.34-.18-8.63-.2-9.13a12 12 0 0 0-9.08-11.09l-32-8a12 12 0 0 0-13 5.17C84.77 19.28 58.27 61 45.51 108.6a44.07 44.07 0 0 0 19.95 49.17l-8.57 32l-13.78-3.69a12 12 0 0 0-6.22 23.18l48 12.86a12 12 0 0 0 6.22-23.18l-11-3l8.57-32a44.21 44.21 0 0 0 34.62-17.65q1 4.53 2.23 9A44.06 44.06 0 0 0 167.36 188l8.57 32l-11 3a12 12 0 0 0 6.22 23.18l48-12.86a12 12 0 1 0-6.22-23.18ZM162.59 77l-22.82 5.71c-.21-6.92-.19-12.83-.1-17.24l14.62-3.65c2.21 3.79 5.09 8.97 8.3 15.18m-60.87-39.2l14.46 3.61c0 4 0 9.25-.24 15.34c0 .92-.11 2.2-.17 3.82l-23.26-5.81a388 388 0 0 1 9.21-16.96M82.83 139.31a20 20 0 0 1-14.14-24.49a281 281 0 0 1 13.4-37.93l31.94 8a304 304 0 0 1-6.73 40.4a20 20 0 0 1-24.47 14.02m65.84 9.86a265 265 0 0 1-7.36-42.17l31.82-8a283 283 0 0 1 14.18 39.73a20 20 0 0 1-38.64 10.35Zm36-109.38a12 12 0 0 1 7.59-15.17l12-4a12 12 0 0 1 7.58 22.76l-12 4a12 12 0 0 1-15.17-7.59M236 72a12 12 0 0 1-12 12h-12a12 12 0 0 1 0-24h12a12 12 0 0 1 12 12M28.62 20.21a12 12 0 0 1 15.17-7.59l12 4a12 12 0 1 1-7.58 22.76l-12-4a12 12 0 0 1-7.59-15.17M36 76H24a12 12 0 0 1 0-24h12a12 12 0 0 1 0 24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m212.89 210.08l-13.78 3.69l-8.57-32a44.07 44.07 0 0 0 20-49.17c-12.81-47.6-39.31-89.32-40.43-91.07a12 12 0 0 0-13-5.17l-16.9 4.22c0-5.34-.18-8.63-.2-9.13a12 12 0 0 0-9.08-11.09l-32-8a12 12 0 0 0-13 5.17C84.77 19.28 58.27 61 45.51 108.6a44.07 44.07 0 0 0 19.95 49.17l-8.57 32l-13.78-3.69a12 12 0 0 0-6.22 23.18l48 12.86a12 12 0 0 0 6.22-23.18l-11-3l8.57-32a44.21 44.21 0 0 0 34.62-17.65q1 4.53 2.23 9A44.06 44.06 0 0 0 167.36 188l8.57 32l-11 3a12 12 0 0 0 6.22 23.18l48-12.86a12 12 0 1 0-6.22-23.18ZM162.59 77l-22.82 5.71c-.21-6.92-.19-12.83-.1-17.24l14.62-3.65c2.21 3.79 5.09 8.97 8.3 15.18m-60.87-39.2l14.46 3.61c0 4 0 9.25-.24 15.34c0 .92-.11 2.2-.17 3.82l-23.26-5.81a388 388 0 0 1 9.21-16.96M82.83 139.31a20 20 0 0 1-14.14-24.49a281 281 0 0 1 13.4-37.93l31.94 8a304 304 0 0 1-6.73 40.4a20 20 0 0 1-24.47 14.02m65.84 9.86a265 265 0 0 1-7.36-42.17l31.82-8a283 283 0 0 1 14.18 39.73a20 20 0 0 1-38.64 10.35Zm36-109.38a12 12 0 0 1 7.59-15.17l12-4a12 12 0 0 1 7.58 22.76l-12 4a12 12 0 0 1-15.17-7.59M236 72a12 12 0 0 1-12 12h-12a12 12 0 0 1 0-24h12a12 12 0 0 1 12 12M28.62 20.21a12 12 0 0 1 15.17-7.59l12 4a12 12 0 1 1-7.58 22.76l-12-4a12 12 0 0 1-7.59-15.17M36 76H24a12 12 0 0 1 0-24h12a12 12 0 0 1 0 24"/></svg> </template>
CSS
.icon-cheers-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%22m212.89%20210.08l-13.78%203.69l-8.57-32a44.07%2044.07%200%200%200%2020-49.17c-12.81-47.6-39.31-89.32-40.43-91.07a12%2012%200%200%200-13-5.17l-16.9%204.22c0-5.34-.18-8.63-.2-9.13a12%2012%200%200%200-9.08-11.09l-32-8a12%2012%200%200%200-13%205.17C84.77%2019.28%2058.27%2061%2045.51%20108.6a44.07%2044.07%200%200%200%2019.95%2049.17l-8.57%2032l-13.78-3.69a12%2012%200%200%200-6.22%2023.18l48%2012.86a12%2012%200%200%200%206.22-23.18l-11-3l8.57-32a44.21%2044.21%200%200%200%2034.62-17.65q1%204.53%202.23%209A44.06%2044.06%200%200%200%20167.36%20188l8.57%2032l-11%203a12%2012%200%200%200%206.22%2023.18l48-12.86a12%2012%200%201%200-6.22-23.18ZM162.59%2077l-22.82%205.71c-.21-6.92-.19-12.83-.1-17.24l14.62-3.65c2.21%203.79%205.09%208.97%208.3%2015.18m-60.87-39.2l14.46%203.61c0%204%200%209.25-.24%2015.34c0%20.92-.11%202.2-.17%203.82l-23.26-5.81a388%20388%200%200%201%209.21-16.96M82.83%20139.31a20%2020%200%200%201-14.14-24.49a281%20281%200%200%201%2013.4-37.93l31.94%208a304%20304%200%200%201-6.73%2040.4a20%2020%200%200%201-24.47%2014.02m65.84%209.86a265%20265%200%200%201-7.36-42.17l31.82-8a283%20283%200%200%201%2014.18%2039.73a20%2020%200%200%201-38.64%2010.35Zm36-109.38a12%2012%200%200%201%207.59-15.17l12-4a12%2012%200%200%201%207.58%2022.76l-12%204a12%2012%200%200%201-15.17-7.59M236%2072a12%2012%200%200%201-12%2012h-12a12%2012%200%200%201%200-24h12a12%2012%200%200%201%2012%2012M28.62%2020.21a12%2012%200%200%201%2015.17-7.59l12%204a12%2012%200%201%201-7.58%2022.76l-12-4a12%2012%200%200%201-7.59-15.17M36%2076H24a12%2012%200%200%201%200-24h12a12%2012%200%200%201%200%2024%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%22m212.89%20210.08l-13.78%203.69l-8.57-32a44.07%2044.07%200%200%200%2020-49.17c-12.81-47.6-39.31-89.32-40.43-91.07a12%2012%200%200%200-13-5.17l-16.9%204.22c0-5.34-.18-8.63-.2-9.13a12%2012%200%200%200-9.08-11.09l-32-8a12%2012%200%200%200-13%205.17C84.77%2019.28%2058.27%2061%2045.51%20108.6a44.07%2044.07%200%200%200%2019.95%2049.17l-8.57%2032l-13.78-3.69a12%2012%200%200%200-6.22%2023.18l48%2012.86a12%2012%200%200%200%206.22-23.18l-11-3l8.57-32a44.21%2044.21%200%200%200%2034.62-17.65q1%204.53%202.23%209A44.06%2044.06%200%200%200%20167.36%20188l8.57%2032l-11%203a12%2012%200%200%200%206.22%2023.18l48-12.86a12%2012%200%201%200-6.22-23.18ZM162.59%2077l-22.82%205.71c-.21-6.92-.19-12.83-.1-17.24l14.62-3.65c2.21%203.79%205.09%208.97%208.3%2015.18m-60.87-39.2l14.46%203.61c0%204%200%209.25-.24%2015.34c0%20.92-.11%202.2-.17%203.82l-23.26-5.81a388%20388%200%200%201%209.21-16.96M82.83%20139.31a20%2020%200%200%201-14.14-24.49a281%20281%200%200%201%2013.4-37.93l31.94%208a304%20304%200%200%201-6.73%2040.4a20%2020%200%200%201-24.47%2014.02m65.84%209.86a265%20265%200%200%201-7.36-42.17l31.82-8a283%20283%200%200%201%2014.18%2039.73a20%2020%200%200%201-38.64%2010.35Zm36-109.38a12%2012%200%200%201%207.59-15.17l12-4a12%2012%200%200%201%207.58%2022.76l-12%204a12%2012%200%200%201-15.17-7.59M236%2072a12%2012%200%200%201-12%2012h-12a12%2012%200%200%201%200-24h12a12%2012%200%200%201%2012%2012M28.62%2020.21a12%2012%200%200%201%2015.17-7.59l12%204a12%2012%200%201%201-7.58%2022.76l-12-4a12%2012%200%200%201-7.59-15.17M36%2076H24a12%2012%200%200%201%200-24h12a12%2012%200%200%201%200%2024%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cheers-bold.svg?color=%231a73e8&size=48
