cheers icon

cheers-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: cheers-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

cheers cheers-bold cheers-duotone cheers-fill cheers-thin

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="m214.45 215.87l-19.58 5.25l-11.37-42.44a38.06 38.06 0 0 0 21.2-44.52c-12.52-46.73-38.55-87.68-39.65-89.4a6 6 0 0 0-6.51-2.58l-24.36 6.09c.11-9.67-.15-15.84-.19-16.55a6 6 0 0 0-4.53-5.54l-32-8A6 6 0 0 0 91 20.76c-1.1 1.72-27.13 42.67-39.65 89.4a38.06 38.06 0 0 0 21.2 44.52l-11.42 42.44l-19.58-5.25a6 6 0 1 0-3.1 11.59l48 12.87a6.4 6.4 0 0 0 1.55.2a6 6 0 0 0 1.55-11.8l-16.83-4.51l11.38-42.45a36 36 0 0 0 3.9.23a38.08 38.08 0 0 0 36.71-28.17v-.13c.28-1.15.55-2.29.81-3.44a262 262 0 0 0 5.73 27.57A38.06 38.06 0 0 0 168 182a37 37 0 0 0 3.9-.23l11.38 42.45l-16.83 4.51a6 6 0 0 0 1.55 11.8a6.4 6.4 0 0 0 1.55-.2l48-12.87a6 6 0 1 0-3.1-11.59m-57.27-161C160.06 59.7 165.39 69 171.32 81l-37.25 9.3c-.55-11.07-.51-20.31-.37-26.33c.05-1.1.1-2.19.14-3.25Zm-58.36-24l23.31 5.83c.07 4.25.11 11.32-.19 20.2c-.07 1.18-.16 3.09-.23 5.62c-.09 1.82-.19 3.7-.3 5.63l-37.6-9.4c6.27-12.86 11.99-22.82 15.01-27.86Zm14.29 95.89a26 26 0 0 1-50.22-13.52a295.4 295.4 0 0 1 15.75-43.4l41.86 10.47a318 318 0 0 1-7.39 46.47Zm29.77 23.94a279 279 0 0 1-8-48.25l41.68-10.42a298 298 0 0 1 16.56 45.21a26 26 0 1 1-50.23 13.46Zm43.75-108a6 6 0 0 1 2.69-8l16-8a6 6 0 1 1 5.36 10.74l-16 8a6 6 0 0 1-8.05-2.69ZM230 72a6 6 0 0 1-6 6h-16a6 6 0 0 1 0-12h16a6 6 0 0 1 6 6M34.63 21.32a6 6 0 0 1 8-2.69l16 8a6 6 0 0 1-5.36 10.74l-16-8a6 6 0 0 1-2.64-8.05M40 70H24a6 6 0 0 1 0-12h16a6 6 0 0 1 0 12"/></svg>

React

import type { SVGProps } from "react";

export function PhCheersLight(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="m214.45 215.87l-19.58 5.25l-11.37-42.44a38.06 38.06 0 0 0 21.2-44.52c-12.52-46.73-38.55-87.68-39.65-89.4a6 6 0 0 0-6.51-2.58l-24.36 6.09c.11-9.67-.15-15.84-.19-16.55a6 6 0 0 0-4.53-5.54l-32-8A6 6 0 0 0 91 20.76c-1.1 1.72-27.13 42.67-39.65 89.4a38.06 38.06 0 0 0 21.2 44.52l-11.42 42.44l-19.58-5.25a6 6 0 1 0-3.1 11.59l48 12.87a6.4 6.4 0 0 0 1.55.2a6 6 0 0 0 1.55-11.8l-16.83-4.51l11.38-42.45a36 36 0 0 0 3.9.23a38.08 38.08 0 0 0 36.71-28.17v-.13c.28-1.15.55-2.29.81-3.44a262 262 0 0 0 5.73 27.57A38.06 38.06 0 0 0 168 182a37 37 0 0 0 3.9-.23l11.38 42.45l-16.83 4.51a6 6 0 0 0 1.55 11.8a6.4 6.4 0 0 0 1.55-.2l48-12.87a6 6 0 1 0-3.1-11.59m-57.27-161C160.06 59.7 165.39 69 171.32 81l-37.25 9.3c-.55-11.07-.51-20.31-.37-26.33c.05-1.1.1-2.19.14-3.25Zm-58.36-24l23.31 5.83c.07 4.25.11 11.32-.19 20.2c-.07 1.18-.16 3.09-.23 5.62c-.09 1.82-.19 3.7-.3 5.63l-37.6-9.4c6.27-12.86 11.99-22.82 15.01-27.86Zm14.29 95.89a26 26 0 0 1-50.22-13.52a295.4 295.4 0 0 1 15.75-43.4l41.86 10.47a318 318 0 0 1-7.39 46.47Zm29.77 23.94a279 279 0 0 1-8-48.25l41.68-10.42a298 298 0 0 1 16.56 45.21a26 26 0 1 1-50.23 13.46Zm43.75-108a6 6 0 0 1 2.69-8l16-8a6 6 0 1 1 5.36 10.74l-16 8a6 6 0 0 1-8.05-2.69ZM230 72a6 6 0 0 1-6 6h-16a6 6 0 0 1 0-12h16a6 6 0 0 1 6 6M34.63 21.32a6 6 0 0 1 8-2.69l16 8a6 6 0 0 1-5.36 10.74l-16-8a6 6 0 0 1-2.64-8.05M40 70H24a6 6 0 0 1 0-12h16a6 6 0 0 1 0 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m214.45 215.87l-19.58 5.25l-11.37-42.44a38.06 38.06 0 0 0 21.2-44.52c-12.52-46.73-38.55-87.68-39.65-89.4a6 6 0 0 0-6.51-2.58l-24.36 6.09c.11-9.67-.15-15.84-.19-16.55a6 6 0 0 0-4.53-5.54l-32-8A6 6 0 0 0 91 20.76c-1.1 1.72-27.13 42.67-39.65 89.4a38.06 38.06 0 0 0 21.2 44.52l-11.42 42.44l-19.58-5.25a6 6 0 1 0-3.1 11.59l48 12.87a6.4 6.4 0 0 0 1.55.2a6 6 0 0 0 1.55-11.8l-16.83-4.51l11.38-42.45a36 36 0 0 0 3.9.23a38.08 38.08 0 0 0 36.71-28.17v-.13c.28-1.15.55-2.29.81-3.44a262 262 0 0 0 5.73 27.57A38.06 38.06 0 0 0 168 182a37 37 0 0 0 3.9-.23l11.38 42.45l-16.83 4.51a6 6 0 0 0 1.55 11.8a6.4 6.4 0 0 0 1.55-.2l48-12.87a6 6 0 1 0-3.1-11.59m-57.27-161C160.06 59.7 165.39 69 171.32 81l-37.25 9.3c-.55-11.07-.51-20.31-.37-26.33c.05-1.1.1-2.19.14-3.25Zm-58.36-24l23.31 5.83c.07 4.25.11 11.32-.19 20.2c-.07 1.18-.16 3.09-.23 5.62c-.09 1.82-.19 3.7-.3 5.63l-37.6-9.4c6.27-12.86 11.99-22.82 15.01-27.86Zm14.29 95.89a26 26 0 0 1-50.22-13.52a295.4 295.4 0 0 1 15.75-43.4l41.86 10.47a318 318 0 0 1-7.39 46.47Zm29.77 23.94a279 279 0 0 1-8-48.25l41.68-10.42a298 298 0 0 1 16.56 45.21a26 26 0 1 1-50.23 13.46Zm43.75-108a6 6 0 0 1 2.69-8l16-8a6 6 0 1 1 5.36 10.74l-16 8a6 6 0 0 1-8.05-2.69ZM230 72a6 6 0 0 1-6 6h-16a6 6 0 0 1 0-12h16a6 6 0 0 1 6 6M34.63 21.32a6 6 0 0 1 8-2.69l16 8a6 6 0 0 1-5.36 10.74l-16-8a6 6 0 0 1-2.64-8.05M40 70H24a6 6 0 0 1 0-12h16a6 6 0 0 1 0 12"/></svg>
</template>

CSS

.icon-cheers-light {
  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%22m214.45%20215.87l-19.58%205.25l-11.37-42.44a38.06%2038.06%200%200%200%2021.2-44.52c-12.52-46.73-38.55-87.68-39.65-89.4a6%206%200%200%200-6.51-2.58l-24.36%206.09c.11-9.67-.15-15.84-.19-16.55a6%206%200%200%200-4.53-5.54l-32-8A6%206%200%200%200%2091%2020.76c-1.1%201.72-27.13%2042.67-39.65%2089.4a38.06%2038.06%200%200%200%2021.2%2044.52l-11.42%2042.44l-19.58-5.25a6%206%200%201%200-3.1%2011.59l48%2012.87a6.4%206.4%200%200%200%201.55.2a6%206%200%200%200%201.55-11.8l-16.83-4.51l11.38-42.45a36%2036%200%200%200%203.9.23a38.08%2038.08%200%200%200%2036.71-28.17v-.13c.28-1.15.55-2.29.81-3.44a262%20262%200%200%200%205.73%2027.57A38.06%2038.06%200%200%200%20168%20182a37%2037%200%200%200%203.9-.23l11.38%2042.45l-16.83%204.51a6%206%200%200%200%201.55%2011.8a6.4%206.4%200%200%200%201.55-.2l48-12.87a6%206%200%201%200-3.1-11.59m-57.27-161C160.06%2059.7%20165.39%2069%20171.32%2081l-37.25%209.3c-.55-11.07-.51-20.31-.37-26.33c.05-1.1.1-2.19.14-3.25Zm-58.36-24l23.31%205.83c.07%204.25.11%2011.32-.19%2020.2c-.07%201.18-.16%203.09-.23%205.62c-.09%201.82-.19%203.7-.3%205.63l-37.6-9.4c6.27-12.86%2011.99-22.82%2015.01-27.86Zm14.29%2095.89a26%2026%200%200%201-50.22-13.52a295.4%20295.4%200%200%201%2015.75-43.4l41.86%2010.47a318%20318%200%200%201-7.39%2046.47Zm29.77%2023.94a279%20279%200%200%201-8-48.25l41.68-10.42a298%20298%200%200%201%2016.56%2045.21a26%2026%200%201%201-50.23%2013.46Zm43.75-108a6%206%200%200%201%202.69-8l16-8a6%206%200%201%201%205.36%2010.74l-16%208a6%206%200%200%201-8.05-2.69ZM230%2072a6%206%200%200%201-6%206h-16a6%206%200%200%201%200-12h16a6%206%200%200%201%206%206M34.63%2021.32a6%206%200%200%201%208-2.69l16%208a6%206%200%200%201-5.36%2010.74l-16-8a6%206%200%200%201-2.64-8.05M40%2070H24a6%206%200%200%201%200-12h16a6%206%200%200%201%200%2012%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%22m214.45%20215.87l-19.58%205.25l-11.37-42.44a38.06%2038.06%200%200%200%2021.2-44.52c-12.52-46.73-38.55-87.68-39.65-89.4a6%206%200%200%200-6.51-2.58l-24.36%206.09c.11-9.67-.15-15.84-.19-16.55a6%206%200%200%200-4.53-5.54l-32-8A6%206%200%200%200%2091%2020.76c-1.1%201.72-27.13%2042.67-39.65%2089.4a38.06%2038.06%200%200%200%2021.2%2044.52l-11.42%2042.44l-19.58-5.25a6%206%200%201%200-3.1%2011.59l48%2012.87a6.4%206.4%200%200%200%201.55.2a6%206%200%200%200%201.55-11.8l-16.83-4.51l11.38-42.45a36%2036%200%200%200%203.9.23a38.08%2038.08%200%200%200%2036.71-28.17v-.13c.28-1.15.55-2.29.81-3.44a262%20262%200%200%200%205.73%2027.57A38.06%2038.06%200%200%200%20168%20182a37%2037%200%200%200%203.9-.23l11.38%2042.45l-16.83%204.51a6%206%200%200%200%201.55%2011.8a6.4%206.4%200%200%200%201.55-.2l48-12.87a6%206%200%201%200-3.1-11.59m-57.27-161C160.06%2059.7%20165.39%2069%20171.32%2081l-37.25%209.3c-.55-11.07-.51-20.31-.37-26.33c.05-1.1.1-2.19.14-3.25Zm-58.36-24l23.31%205.83c.07%204.25.11%2011.32-.19%2020.2c-.07%201.18-.16%203.09-.23%205.62c-.09%201.82-.19%203.7-.3%205.63l-37.6-9.4c6.27-12.86%2011.99-22.82%2015.01-27.86Zm14.29%2095.89a26%2026%200%200%201-50.22-13.52a295.4%20295.4%200%200%201%2015.75-43.4l41.86%2010.47a318%20318%200%200%201-7.39%2046.47Zm29.77%2023.94a279%20279%200%200%201-8-48.25l41.68-10.42a298%20298%200%200%201%2016.56%2045.21a26%2026%200%201%201-50.23%2013.46Zm43.75-108a6%206%200%200%201%202.69-8l16-8a6%206%200%201%201%205.36%2010.74l-16%208a6%206%200%200%201-8.05-2.69ZM230%2072a6%206%200%200%201-6%206h-16a6%206%200%200%201%200-12h16a6%206%200%200%201%206%206M34.63%2021.32a6%206%200%200%201%208-2.69l16%208a6%206%200%200%201-5.36%2010.74l-16-8a6%206%200%200%201-2.64-8.05M40%2070H24a6%206%200%200%201%200-12h16a6%206%200%200%201%200%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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