cheer icon
cheer from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- cheer
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the cheer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.992 4.84l-.807-2.403l.823-.277l.808 2.398zm3.566-1.148V1.308h.884v2.384zm4.45 1.149l-.823-.283l.807-2.398l.824.282zm5.406 17.698l-5.275-.82q-.697-.106-1.238-.562t-.759-1.142l-.85-2.65q-.236-.74-.025-1.468q.212-.728.785-1.207l1.183 3.731l.707-.237l-2.334-7.315q-.23-.736-.005-1.474q.224-.737.88-1.128l.788-.45l4.406 8.389q.183.384.545.59q.363.204.772.204h1.225zm-18.822-.02l-.806-5.538h1.226q.41 0 .772-.205t.545-.59l4.406-8.388l.788.45q.656.39.88 1.128t-.005 1.474l-2.34 7.315l.707.237l1.183-3.737q.579.48.79 1.21t-.025 1.471l-.85 2.65q-.217.685-.758 1.141q-.542.457-1.238.563z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCheer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.992 4.84l-.807-2.403l.823-.277l.808 2.398zm3.566-1.148V1.308h.884v2.384zm4.45 1.149l-.823-.283l.807-2.398l.824.282zm5.406 17.698l-5.275-.82q-.697-.106-1.238-.562t-.759-1.142l-.85-2.65q-.236-.74-.025-1.468q.212-.728.785-1.207l1.183 3.731l.707-.237l-2.334-7.315q-.23-.736-.005-1.474q.224-.737.88-1.128l.788-.45l4.406 8.389q.183.384.545.59q.363.204.772.204h1.225zm-18.822-.02l-.806-5.538h1.226q.41 0 .772-.205t.545-.59l4.406-8.388l.788.45q.656.39.88 1.128t-.005 1.474l-2.34 7.315l.707.237l1.183-3.737q.579.48.79 1.21t-.025 1.471l-.85 2.65q-.217.685-.758 1.141q-.542.457-1.238.563z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.992 4.84l-.807-2.403l.823-.277l.808 2.398zm3.566-1.148V1.308h.884v2.384zm4.45 1.149l-.823-.283l.807-2.398l.824.282zm5.406 17.698l-5.275-.82q-.697-.106-1.238-.562t-.759-1.142l-.85-2.65q-.236-.74-.025-1.468q.212-.728.785-1.207l1.183 3.731l.707-.237l-2.334-7.315q-.23-.736-.005-1.474q.224-.737.88-1.128l.788-.45l4.406 8.389q.183.384.545.59q.363.204.772.204h1.225zm-18.822-.02l-.806-5.538h1.226q.41 0 .772-.205t.545-.59l4.406-8.388l.788.45q.656.39.88 1.128t-.005 1.474l-2.34 7.315l.707.237l1.183-3.737q.579.48.79 1.21t-.025 1.471l-.85 2.65q-.217.685-.758 1.141q-.542.457-1.238.563z"/></svg> </template>
CSS
.icon-cheer {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.992%204.84l-.807-2.403l.823-.277l.808%202.398zm3.566-1.148V1.308h.884v2.384zm4.45%201.149l-.823-.283l.807-2.398l.824.282zm5.406%2017.698l-5.275-.82q-.697-.106-1.238-.562t-.759-1.142l-.85-2.65q-.236-.74-.025-1.468q.212-.728.785-1.207l1.183%203.731l.707-.237l-2.334-7.315q-.23-.736-.005-1.474q.224-.737.88-1.128l.788-.45l4.406%208.389q.183.384.545.59q.363.204.772.204h1.225zm-18.822-.02l-.806-5.538h1.226q.41%200%20.772-.205t.545-.59l4.406-8.388l.788.45q.656.39.88%201.128t-.005%201.474l-2.34%207.315l.707.237l1.183-3.737q.579.48.79%201.21t-.025%201.471l-.85%202.65q-.217.685-.758%201.141q-.542.457-1.238.563z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.992%204.84l-.807-2.403l.823-.277l.808%202.398zm3.566-1.148V1.308h.884v2.384zm4.45%201.149l-.823-.283l.807-2.398l.824.282zm5.406%2017.698l-5.275-.82q-.697-.106-1.238-.562t-.759-1.142l-.85-2.65q-.236-.74-.025-1.468q.212-.728.785-1.207l1.183%203.731l.707-.237l-2.334-7.315q-.23-.736-.005-1.474q.224-.737.88-1.128l.788-.45l4.406%208.389q.183.384.545.59q.363.204.772.204h1.225zm-18.822-.02l-.806-5.538h1.226q.41%200%20.772-.205t.545-.59l4.406-8.388l.788.45q.656.39.88%201.128t-.005%201.474l-2.34%207.315l.707.237l1.183-3.737q.579.48.79%201.21t-.025%201.471l-.85%202.65q-.217.685-.758%201.141q-.542.457-1.238.563z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/cheer.svg?color=%231a73e8&size=48
