cheers icon
cheers-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- cheers-thin
- Set
- Phosphor
- Style
- Thin
- 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="m215 217.8l-21.5 5.77l-12.35-46.06a36.06 36.06 0 0 0 21.66-42.84c-12.45-46.43-38.31-87.12-39.4-88.83a4 4 0 0 0-4.41-1.72l-26.94 6.73c.23-11.53-.09-18.84-.09-19a4 4 0 0 0-3-3.7l-32-8a4 4 0 0 0-4.34 1.72c-1.09 1.71-26.95 42.4-39.4 88.83a36.06 36.06 0 0 0 21.66 42.84l-12.35 46.03L41 193.8a4 4 0 0 0-2 7.73l48 12.86a3.8 3.8 0 0 0 1 .14a4 4 0 0 0 1-7.86l-18.77-5l12.35-46.07a35.8 35.8 0 0 0 40.18-26.34c1.2-4.92 2.25-9.87 3.17-14.81a275 275 0 0 0 7.25 38.89A36.06 36.06 0 0 0 168 180a35 35 0 0 0 5.38-.43l12.35 46.07l-18.77 5a4 4 0 0 0 1 7.86a3.8 3.8 0 0 0 1-.14l48-12.86a4 4 0 0 0-1.96-7.7M158.13 52.59c2.79 4.6 9.11 15.4 16.07 29.74l-42 10.5c-.81-14.58-.61-26.31-.4-32.28v-1.39Zm-60.26-24l26.23 6.56c.09 4 .17 11.77-.17 21.87c-.06 1.18-.15 3.09-.22 5.63s-.27 5.26-.45 8L80.94 60.11C88.24 44.88 95 33.38 97.87 28.59M80.76 147A28 28 0 0 1 61 112.75A300 300 0 0 1 77.5 67.5l45.14 11.28a320 320 0 0 1-7.59 48.46A28 28 0 0 1 80.76 147m60.19 4.2a283 283 0 0 1-8.2-50.3l44.93-11.2A302.4 302.4 0 0 1 195 136.75a28 28 0 0 1-54 14.49Zm47.47-109.41a4 4 0 0 1 1.79-5.37l16-8a4 4 0 1 1 3.58 7.16l-16 8a4 4 0 0 1-5.37-1.79M228 72a4 4 0 0 1-4 4h-16a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4M36.42 22.21a4 4 0 0 1 5.37-1.79l16 8a4 4 0 0 1-3.58 7.16l-16-8a4 4 0 0 1-1.79-5.37M40 68H24a4 4 0 0 1 0-8h16a4 4 0 0 1 0 8"/></svg>
React
import type { SVGProps } from "react";
export function PhCheersThin(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="m215 217.8l-21.5 5.77l-12.35-46.06a36.06 36.06 0 0 0 21.66-42.84c-12.45-46.43-38.31-87.12-39.4-88.83a4 4 0 0 0-4.41-1.72l-26.94 6.73c.23-11.53-.09-18.84-.09-19a4 4 0 0 0-3-3.7l-32-8a4 4 0 0 0-4.34 1.72c-1.09 1.71-26.95 42.4-39.4 88.83a36.06 36.06 0 0 0 21.66 42.84l-12.35 46.03L41 193.8a4 4 0 0 0-2 7.73l48 12.86a3.8 3.8 0 0 0 1 .14a4 4 0 0 0 1-7.86l-18.77-5l12.35-46.07a35.8 35.8 0 0 0 40.18-26.34c1.2-4.92 2.25-9.87 3.17-14.81a275 275 0 0 0 7.25 38.89A36.06 36.06 0 0 0 168 180a35 35 0 0 0 5.38-.43l12.35 46.07l-18.77 5a4 4 0 0 0 1 7.86a3.8 3.8 0 0 0 1-.14l48-12.86a4 4 0 0 0-1.96-7.7M158.13 52.59c2.79 4.6 9.11 15.4 16.07 29.74l-42 10.5c-.81-14.58-.61-26.31-.4-32.28v-1.39Zm-60.26-24l26.23 6.56c.09 4 .17 11.77-.17 21.87c-.06 1.18-.15 3.09-.22 5.63s-.27 5.26-.45 8L80.94 60.11C88.24 44.88 95 33.38 97.87 28.59M80.76 147A28 28 0 0 1 61 112.75A300 300 0 0 1 77.5 67.5l45.14 11.28a320 320 0 0 1-7.59 48.46A28 28 0 0 1 80.76 147m60.19 4.2a283 283 0 0 1-8.2-50.3l44.93-11.2A302.4 302.4 0 0 1 195 136.75a28 28 0 0 1-54 14.49Zm47.47-109.41a4 4 0 0 1 1.79-5.37l16-8a4 4 0 1 1 3.58 7.16l-16 8a4 4 0 0 1-5.37-1.79M228 72a4 4 0 0 1-4 4h-16a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4M36.42 22.21a4 4 0 0 1 5.37-1.79l16 8a4 4 0 0 1-3.58 7.16l-16-8a4 4 0 0 1-1.79-5.37M40 68H24a4 4 0 0 1 0-8h16a4 4 0 0 1 0 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m215 217.8l-21.5 5.77l-12.35-46.06a36.06 36.06 0 0 0 21.66-42.84c-12.45-46.43-38.31-87.12-39.4-88.83a4 4 0 0 0-4.41-1.72l-26.94 6.73c.23-11.53-.09-18.84-.09-19a4 4 0 0 0-3-3.7l-32-8a4 4 0 0 0-4.34 1.72c-1.09 1.71-26.95 42.4-39.4 88.83a36.06 36.06 0 0 0 21.66 42.84l-12.35 46.03L41 193.8a4 4 0 0 0-2 7.73l48 12.86a3.8 3.8 0 0 0 1 .14a4 4 0 0 0 1-7.86l-18.77-5l12.35-46.07a35.8 35.8 0 0 0 40.18-26.34c1.2-4.92 2.25-9.87 3.17-14.81a275 275 0 0 0 7.25 38.89A36.06 36.06 0 0 0 168 180a35 35 0 0 0 5.38-.43l12.35 46.07l-18.77 5a4 4 0 0 0 1 7.86a3.8 3.8 0 0 0 1-.14l48-12.86a4 4 0 0 0-1.96-7.7M158.13 52.59c2.79 4.6 9.11 15.4 16.07 29.74l-42 10.5c-.81-14.58-.61-26.31-.4-32.28v-1.39Zm-60.26-24l26.23 6.56c.09 4 .17 11.77-.17 21.87c-.06 1.18-.15 3.09-.22 5.63s-.27 5.26-.45 8L80.94 60.11C88.24 44.88 95 33.38 97.87 28.59M80.76 147A28 28 0 0 1 61 112.75A300 300 0 0 1 77.5 67.5l45.14 11.28a320 320 0 0 1-7.59 48.46A28 28 0 0 1 80.76 147m60.19 4.2a283 283 0 0 1-8.2-50.3l44.93-11.2A302.4 302.4 0 0 1 195 136.75a28 28 0 0 1-54 14.49Zm47.47-109.41a4 4 0 0 1 1.79-5.37l16-8a4 4 0 1 1 3.58 7.16l-16 8a4 4 0 0 1-5.37-1.79M228 72a4 4 0 0 1-4 4h-16a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4M36.42 22.21a4 4 0 0 1 5.37-1.79l16 8a4 4 0 0 1-3.58 7.16l-16-8a4 4 0 0 1-1.79-5.37M40 68H24a4 4 0 0 1 0-8h16a4 4 0 0 1 0 8"/></svg> </template>
CSS
.icon-cheers-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%22m215%20217.8l-21.5%205.77l-12.35-46.06a36.06%2036.06%200%200%200%2021.66-42.84c-12.45-46.43-38.31-87.12-39.4-88.83a4%204%200%200%200-4.41-1.72l-26.94%206.73c.23-11.53-.09-18.84-.09-19a4%204%200%200%200-3-3.7l-32-8a4%204%200%200%200-4.34%201.72c-1.09%201.71-26.95%2042.4-39.4%2088.83a36.06%2036.06%200%200%200%2021.66%2042.84l-12.35%2046.03L41%20193.8a4%204%200%200%200-2%207.73l48%2012.86a3.8%203.8%200%200%200%201%20.14a4%204%200%200%200%201-7.86l-18.77-5l12.35-46.07a35.8%2035.8%200%200%200%2040.18-26.34c1.2-4.92%202.25-9.87%203.17-14.81a275%20275%200%200%200%207.25%2038.89A36.06%2036.06%200%200%200%20168%20180a35%2035%200%200%200%205.38-.43l12.35%2046.07l-18.77%205a4%204%200%200%200%201%207.86a3.8%203.8%200%200%200%201-.14l48-12.86a4%204%200%200%200-1.96-7.7M158.13%2052.59c2.79%204.6%209.11%2015.4%2016.07%2029.74l-42%2010.5c-.81-14.58-.61-26.31-.4-32.28v-1.39Zm-60.26-24l26.23%206.56c.09%204%20.17%2011.77-.17%2021.87c-.06%201.18-.15%203.09-.22%205.63s-.27%205.26-.45%208L80.94%2060.11C88.24%2044.88%2095%2033.38%2097.87%2028.59M80.76%20147A28%2028%200%200%201%2061%20112.75A300%20300%200%200%201%2077.5%2067.5l45.14%2011.28a320%20320%200%200%201-7.59%2048.46A28%2028%200%200%201%2080.76%20147m60.19%204.2a283%20283%200%200%201-8.2-50.3l44.93-11.2A302.4%20302.4%200%200%201%20195%20136.75a28%2028%200%200%201-54%2014.49Zm47.47-109.41a4%204%200%200%201%201.79-5.37l16-8a4%204%200%201%201%203.58%207.16l-16%208a4%204%200%200%201-5.37-1.79M228%2072a4%204%200%200%201-4%204h-16a4%204%200%200%201%200-8h16a4%204%200%200%201%204%204M36.42%2022.21a4%204%200%200%201%205.37-1.79l16%208a4%204%200%200%201-3.58%207.16l-16-8a4%204%200%200%201-1.79-5.37M40%2068H24a4%204%200%200%201%200-8h16a4%204%200%200%201%200%208%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%22m215%20217.8l-21.5%205.77l-12.35-46.06a36.06%2036.06%200%200%200%2021.66-42.84c-12.45-46.43-38.31-87.12-39.4-88.83a4%204%200%200%200-4.41-1.72l-26.94%206.73c.23-11.53-.09-18.84-.09-19a4%204%200%200%200-3-3.7l-32-8a4%204%200%200%200-4.34%201.72c-1.09%201.71-26.95%2042.4-39.4%2088.83a36.06%2036.06%200%200%200%2021.66%2042.84l-12.35%2046.03L41%20193.8a4%204%200%200%200-2%207.73l48%2012.86a3.8%203.8%200%200%200%201%20.14a4%204%200%200%200%201-7.86l-18.77-5l12.35-46.07a35.8%2035.8%200%200%200%2040.18-26.34c1.2-4.92%202.25-9.87%203.17-14.81a275%20275%200%200%200%207.25%2038.89A36.06%2036.06%200%200%200%20168%20180a35%2035%200%200%200%205.38-.43l12.35%2046.07l-18.77%205a4%204%200%200%200%201%207.86a3.8%203.8%200%200%200%201-.14l48-12.86a4%204%200%200%200-1.96-7.7M158.13%2052.59c2.79%204.6%209.11%2015.4%2016.07%2029.74l-42%2010.5c-.81-14.58-.61-26.31-.4-32.28v-1.39Zm-60.26-24l26.23%206.56c.09%204%20.17%2011.77-.17%2021.87c-.06%201.18-.15%203.09-.22%205.63s-.27%205.26-.45%208L80.94%2060.11C88.24%2044.88%2095%2033.38%2097.87%2028.59M80.76%20147A28%2028%200%200%201%2061%20112.75A300%20300%200%200%201%2077.5%2067.5l45.14%2011.28a320%20320%200%200%201-7.59%2048.46A28%2028%200%200%201%2080.76%20147m60.19%204.2a283%20283%200%200%201-8.2-50.3l44.93-11.2A302.4%20302.4%200%200%201%20195%20136.75a28%2028%200%200%201-54%2014.49Zm47.47-109.41a4%204%200%200%201%201.79-5.37l16-8a4%204%200%201%201%203.58%207.16l-16%208a4%204%200%200%201-5.37-1.79M228%2072a4%204%200%200%201-4%204h-16a4%204%200%200%201%200-8h16a4%204%200%200%201%204%204M36.42%2022.21a4%204%200%200%201%205.37-1.79l16%208a4%204%200%200%201-3.58%207.16l-16-8a4%204%200%200%201-1.79-5.37M40%2068H24a4%204%200%200%201%200-8h16a4%204%200%200%201%200%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cheers-thin.svg?color=%231a73e8&size=48
