celebration icon
celebration-outline-rounded from Material Symbols Light by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- celebration-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the celebration icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.242 18.7l7.05-2.5l-4.55-4.55zM21.66 7.525q-.13.148-.304.148t-.304-.129l-.056-.056q-.465-.465-1.105-.465q-.641 0-1.106.465l-5.056 5.056q-.129.129-.304.139t-.323-.139t-.148-.313t.148-.314l5.056-5.055q.703-.704 1.713-.704t1.714.704l.074.075q.13.129.13.294t-.13.294M9.783 4.775q.148-.148.313-.148t.313.148l.299.298q.8.8.8 1.939t-.8 1.938l-.287.287q-.129.129-.304.138t-.323-.138t-.148-.314t.148-.313l.287-.287q.542-.542.542-1.311T10.081 5.7l-.298-.298q-.13-.129-.139-.304t.139-.323m3.665-1.462q.148-.148.314-.148q.165 0 .313.148l1.056 1.056q.723.723.723 1.733t-.723 1.732l-3.056 3.057q-.129.128-.304.138t-.323-.138t-.148-.314t.148-.313l3.056-3.056q.465-.466.465-1.106t-.465-1.106l-1.056-1.055q-.129-.13-.138-.304q-.01-.175.138-.323m6.23 10.884q-.147.148-.312.148q-.166 0-.314-.148l-.479-.479q-.561-.561-1.356-.561t-1.355.561l-.48.479q-.128.129-.303.139t-.323-.139t-.148-.313t.148-.314l.479-.479q.819-.819 1.982-.819t1.983.82l.479.478q.129.129.138.304t-.138.323M4.162 18.731l2.775-7.712q.105-.267.31-.404q.205-.136.447-.136q.162 0 .298.046t.268.177l4.98 4.98q.131.132.177.268q.047.137.047.298q0 .243-.137.447t-.404.31l-7.711 2.776q-.243.086-.47.028q-.226-.059-.388-.22q-.162-.162-.22-.389q-.059-.227.028-.47"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCelebrationOutlineRounded(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="m5.242 18.7l7.05-2.5l-4.55-4.55zM21.66 7.525q-.13.148-.304.148t-.304-.129l-.056-.056q-.465-.465-1.105-.465q-.641 0-1.106.465l-5.056 5.056q-.129.129-.304.139t-.323-.139t-.148-.313t.148-.314l5.056-5.055q.703-.704 1.713-.704t1.714.704l.074.075q.13.129.13.294t-.13.294M9.783 4.775q.148-.148.313-.148t.313.148l.299.298q.8.8.8 1.939t-.8 1.938l-.287.287q-.129.129-.304.138t-.323-.138t-.148-.314t.148-.313l.287-.287q.542-.542.542-1.311T10.081 5.7l-.298-.298q-.13-.129-.139-.304t.139-.323m3.665-1.462q.148-.148.314-.148q.165 0 .313.148l1.056 1.056q.723.723.723 1.733t-.723 1.732l-3.056 3.057q-.129.128-.304.138t-.323-.138t-.148-.314t.148-.313l3.056-3.056q.465-.466.465-1.106t-.465-1.106l-1.056-1.055q-.129-.13-.138-.304q-.01-.175.138-.323m6.23 10.884q-.147.148-.312.148q-.166 0-.314-.148l-.479-.479q-.561-.561-1.356-.561t-1.355.561l-.48.479q-.128.129-.303.139t-.323-.139t-.148-.313t.148-.314l.479-.479q.819-.819 1.982-.819t1.983.82l.479.478q.129.129.138.304t-.138.323M4.162 18.731l2.775-7.712q.105-.267.31-.404q.205-.136.447-.136q.162 0 .298.046t.268.177l4.98 4.98q.131.132.177.268q.047.137.047.298q0 .243-.137.447t-.404.31l-7.711 2.776q-.243.086-.47.028q-.226-.059-.388-.22q-.162-.162-.22-.389q-.059-.227.028-.47"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.242 18.7l7.05-2.5l-4.55-4.55zM21.66 7.525q-.13.148-.304.148t-.304-.129l-.056-.056q-.465-.465-1.105-.465q-.641 0-1.106.465l-5.056 5.056q-.129.129-.304.139t-.323-.139t-.148-.313t.148-.314l5.056-5.055q.703-.704 1.713-.704t1.714.704l.074.075q.13.129.13.294t-.13.294M9.783 4.775q.148-.148.313-.148t.313.148l.299.298q.8.8.8 1.939t-.8 1.938l-.287.287q-.129.129-.304.138t-.323-.138t-.148-.314t.148-.313l.287-.287q.542-.542.542-1.311T10.081 5.7l-.298-.298q-.13-.129-.139-.304t.139-.323m3.665-1.462q.148-.148.314-.148q.165 0 .313.148l1.056 1.056q.723.723.723 1.733t-.723 1.732l-3.056 3.057q-.129.128-.304.138t-.323-.138t-.148-.314t.148-.313l3.056-3.056q.465-.466.465-1.106t-.465-1.106l-1.056-1.055q-.129-.13-.138-.304q-.01-.175.138-.323m6.23 10.884q-.147.148-.312.148q-.166 0-.314-.148l-.479-.479q-.561-.561-1.356-.561t-1.355.561l-.48.479q-.128.129-.303.139t-.323-.139t-.148-.313t.148-.314l.479-.479q.819-.819 1.982-.819t1.983.82l.479.478q.129.129.138.304t-.138.323M4.162 18.731l2.775-7.712q.105-.267.31-.404q.205-.136.447-.136q.162 0 .298.046t.268.177l4.98 4.98q.131.132.177.268q.047.137.047.298q0 .243-.137.447t-.404.31l-7.711 2.776q-.243.086-.47.028q-.226-.059-.388-.22q-.162-.162-.22-.389q-.059-.227.028-.47"/></svg> </template>
CSS
.icon-celebration-outline-rounded {
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%22m5.242%2018.7l7.05-2.5l-4.55-4.55zM21.66%207.525q-.13.148-.304.148t-.304-.129l-.056-.056q-.465-.465-1.105-.465q-.641%200-1.106.465l-5.056%205.056q-.129.129-.304.139t-.323-.139t-.148-.313t.148-.314l5.056-5.055q.703-.704%201.713-.704t1.714.704l.074.075q.13.129.13.294t-.13.294M9.783%204.775q.148-.148.313-.148t.313.148l.299.298q.8.8.8%201.939t-.8%201.938l-.287.287q-.129.129-.304.138t-.323-.138t-.148-.314t.148-.313l.287-.287q.542-.542.542-1.311T10.081%205.7l-.298-.298q-.13-.129-.139-.304t.139-.323m3.665-1.462q.148-.148.314-.148q.165%200%20.313.148l1.056%201.056q.723.723.723%201.733t-.723%201.732l-3.056%203.057q-.129.128-.304.138t-.323-.138t-.148-.314t.148-.313l3.056-3.056q.465-.466.465-1.106t-.465-1.106l-1.056-1.055q-.129-.13-.138-.304q-.01-.175.138-.323m6.23%2010.884q-.147.148-.312.148q-.166%200-.314-.148l-.479-.479q-.561-.561-1.356-.561t-1.355.561l-.48.479q-.128.129-.303.139t-.323-.139t-.148-.313t.148-.314l.479-.479q.819-.819%201.982-.819t1.983.82l.479.478q.129.129.138.304t-.138.323M4.162%2018.731l2.775-7.712q.105-.267.31-.404q.205-.136.447-.136q.162%200%20.298.046t.268.177l4.98%204.98q.131.132.177.268q.047.137.047.298q0%20.243-.137.447t-.404.31l-7.711%202.776q-.243.086-.47.028q-.226-.059-.388-.22q-.162-.162-.22-.389q-.059-.227.028-.47%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%22m5.242%2018.7l7.05-2.5l-4.55-4.55zM21.66%207.525q-.13.148-.304.148t-.304-.129l-.056-.056q-.465-.465-1.105-.465q-.641%200-1.106.465l-5.056%205.056q-.129.129-.304.139t-.323-.139t-.148-.313t.148-.314l5.056-5.055q.703-.704%201.713-.704t1.714.704l.074.075q.13.129.13.294t-.13.294M9.783%204.775q.148-.148.313-.148t.313.148l.299.298q.8.8.8%201.939t-.8%201.938l-.287.287q-.129.129-.304.138t-.323-.138t-.148-.314t.148-.313l.287-.287q.542-.542.542-1.311T10.081%205.7l-.298-.298q-.13-.129-.139-.304t.139-.323m3.665-1.462q.148-.148.314-.148q.165%200%20.313.148l1.056%201.056q.723.723.723%201.733t-.723%201.732l-3.056%203.057q-.129.128-.304.138t-.323-.138t-.148-.314t.148-.313l3.056-3.056q.465-.466.465-1.106t-.465-1.106l-1.056-1.055q-.129-.13-.138-.304q-.01-.175.138-.323m6.23%2010.884q-.147.148-.312.148q-.166%200-.314-.148l-.479-.479q-.561-.561-1.356-.561t-1.355.561l-.48.479q-.128.129-.303.139t-.323-.139t-.148-.313t.148-.314l.479-.479q.819-.819%201.982-.819t1.983.82l.479.478q.129.129.138.304t-.138.323M4.162%2018.731l2.775-7.712q.105-.267.31-.404q.205-.136.447-.136q.162%200%20.298.046t.268.177l4.98%204.98q.131.132.177.268q.047.137.047.298q0%20.243-.137.447t-.404.31l-7.711%202.776q-.243.086-.47.028q-.226-.059-.388-.22q-.162-.162-.22-.389q-.059-.227.028-.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/celebration-outline-rounded.svg?color=%231a73e8&size=48
