person celebrate icon
person-celebrate from Material Symbols Light by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- person-celebrate
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- person-celebrate-outline, person-celebrate-outline-sharp, person-celebrate-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More activities icons from Material Symbols Light
Use the person celebrate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.808 20v-4.577q-1.497-.112-2.934-.315q-1.437-.202-2.874-.57l.23-1q1.903.48 3.842.682t3.924.203q1.962 0 3.904-.203t3.87-.682l.23 1q-1.442.368-2.891.573q-1.45.206-2.917.32V20zm2.195-7.192q-.718 0-1.207-.485q-.488-.485-.488-1.202q0-.696.485-1.197t1.202-.501q.696 0 1.196.497q.501.496.501 1.193q0 .718-.496 1.206t-1.193.489M5 10q-.42 0-.71-.29T4 8.995q0-.408.29-.702Q4.58 8 5.006 8q.409 0 .702.292Q6 8.583 6 9q0 .42-.292.71Q5.417 10 5 10m14 0q-.42 0-.71-.29T18 8.995q0-.408.29-.702q.29-.293.715-.293q.409 0 .702.292Q20 8.583 20 9q0 .42-.292.71q-.291.29-.708.29M7.442 6.346q-.419 0-.71-.29q-.29-.29-.29-.715q0-.408.29-.701q.291-.294.716-.294q.408 0 .701.292t.293.708q0 .42-.291.71q-.292.29-.709.29m9.116 0q-.42 0-.71-.29t-.29-.715q0-.408.29-.701q.29-.294.715-.294q.408 0 .702.292q.293.292.293.708q0 .42-.292.71t-.708.29M12 5q-.42 0-.71-.29T11 3.995q0-.409.29-.702T12.006 3q.408 0 .702.292Q13 3.583 13 4q0 .42-.292.71Q12.417 5 12 5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPersonCelebrate(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="M9.808 20v-4.577q-1.497-.112-2.934-.315q-1.437-.202-2.874-.57l.23-1q1.903.48 3.842.682t3.924.203q1.962 0 3.904-.203t3.87-.682l.23 1q-1.442.368-2.891.573q-1.45.206-2.917.32V20zm2.195-7.192q-.718 0-1.207-.485q-.488-.485-.488-1.202q0-.696.485-1.197t1.202-.501q.696 0 1.196.497q.501.496.501 1.193q0 .718-.496 1.206t-1.193.489M5 10q-.42 0-.71-.29T4 8.995q0-.408.29-.702Q4.58 8 5.006 8q.409 0 .702.292Q6 8.583 6 9q0 .42-.292.71Q5.417 10 5 10m14 0q-.42 0-.71-.29T18 8.995q0-.408.29-.702q.29-.293.715-.293q.409 0 .702.292Q20 8.583 20 9q0 .42-.292.71q-.291.29-.708.29M7.442 6.346q-.419 0-.71-.29q-.29-.29-.29-.715q0-.408.29-.701q.291-.294.716-.294q.408 0 .701.292t.293.708q0 .42-.291.71q-.292.29-.709.29m9.116 0q-.42 0-.71-.29t-.29-.715q0-.408.29-.701q.29-.294.715-.294q.408 0 .702.292q.293.292.293.708q0 .42-.292.71t-.708.29M12 5q-.42 0-.71-.29T11 3.995q0-.409.29-.702T12.006 3q.408 0 .702.292Q13 3.583 13 4q0 .42-.292.71Q12.417 5 12 5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.808 20v-4.577q-1.497-.112-2.934-.315q-1.437-.202-2.874-.57l.23-1q1.903.48 3.842.682t3.924.203q1.962 0 3.904-.203t3.87-.682l.23 1q-1.442.368-2.891.573q-1.45.206-2.917.32V20zm2.195-7.192q-.718 0-1.207-.485q-.488-.485-.488-1.202q0-.696.485-1.197t1.202-.501q.696 0 1.196.497q.501.496.501 1.193q0 .718-.496 1.206t-1.193.489M5 10q-.42 0-.71-.29T4 8.995q0-.408.29-.702Q4.58 8 5.006 8q.409 0 .702.292Q6 8.583 6 9q0 .42-.292.71Q5.417 10 5 10m14 0q-.42 0-.71-.29T18 8.995q0-.408.29-.702q.29-.293.715-.293q.409 0 .702.292Q20 8.583 20 9q0 .42-.292.71q-.291.29-.708.29M7.442 6.346q-.419 0-.71-.29q-.29-.29-.29-.715q0-.408.29-.701q.291-.294.716-.294q.408 0 .701.292t.293.708q0 .42-.291.71q-.292.29-.709.29m9.116 0q-.42 0-.71-.29t-.29-.715q0-.408.29-.701q.29-.294.715-.294q.408 0 .702.292q.293.292.293.708q0 .42-.292.71t-.708.29M12 5q-.42 0-.71-.29T11 3.995q0-.409.29-.702T12.006 3q.408 0 .702.292Q13 3.583 13 4q0 .42-.292.71Q12.417 5 12 5"/></svg> </template>
CSS
.icon-person-celebrate {
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%22M9.808%2020v-4.577q-1.497-.112-2.934-.315q-1.437-.202-2.874-.57l.23-1q1.903.48%203.842.682t3.924.203q1.962%200%203.904-.203t3.87-.682l.23%201q-1.442.368-2.891.573q-1.45.206-2.917.32V20zm2.195-7.192q-.718%200-1.207-.485q-.488-.485-.488-1.202q0-.696.485-1.197t1.202-.501q.696%200%201.196.497q.501.496.501%201.193q0%20.718-.496%201.206t-1.193.489M5%2010q-.42%200-.71-.29T4%208.995q0-.408.29-.702Q4.58%208%205.006%208q.409%200%20.702.292Q6%208.583%206%209q0%20.42-.292.71Q5.417%2010%205%2010m14%200q-.42%200-.71-.29T18%208.995q0-.408.29-.702q.29-.293.715-.293q.409%200%20.702.292Q20%208.583%2020%209q0%20.42-.292.71q-.291.29-.708.29M7.442%206.346q-.419%200-.71-.29q-.29-.29-.29-.715q0-.408.29-.701q.291-.294.716-.294q.408%200%20.701.292t.293.708q0%20.42-.291.71q-.292.29-.709.29m9.116%200q-.42%200-.71-.29t-.29-.715q0-.408.29-.701q.29-.294.715-.294q.408%200%20.702.292q.293.292.293.708q0%20.42-.292.71t-.708.29M12%205q-.42%200-.71-.29T11%203.995q0-.409.29-.702T12.006%203q.408%200%20.702.292Q13%203.583%2013%204q0%20.42-.292.71Q12.417%205%2012%205%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%22M9.808%2020v-4.577q-1.497-.112-2.934-.315q-1.437-.202-2.874-.57l.23-1q1.903.48%203.842.682t3.924.203q1.962%200%203.904-.203t3.87-.682l.23%201q-1.442.368-2.891.573q-1.45.206-2.917.32V20zm2.195-7.192q-.718%200-1.207-.485q-.488-.485-.488-1.202q0-.696.485-1.197t1.202-.501q.696%200%201.196.497q.501.496.501%201.193q0%20.718-.496%201.206t-1.193.489M5%2010q-.42%200-.71-.29T4%208.995q0-.408.29-.702Q4.58%208%205.006%208q.409%200%20.702.292Q6%208.583%206%209q0%20.42-.292.71Q5.417%2010%205%2010m14%200q-.42%200-.71-.29T18%208.995q0-.408.29-.702q.29-.293.715-.293q.409%200%20.702.292Q20%208.583%2020%209q0%20.42-.292.71q-.291.29-.708.29M7.442%206.346q-.419%200-.71-.29q-.29-.29-.29-.715q0-.408.29-.701q.291-.294.716-.294q.408%200%20.701.292t.293.708q0%20.42-.291.71q-.292.29-.709.29m9.116%200q-.42%200-.71-.29t-.29-.715q0-.408.29-.701q.29-.294.715-.294q.408%200%20.702.292q.293.292.293.708q0%20.42-.292.71t-.708.29M12%205q-.42%200-.71-.29T11%203.995q0-.409.29-.702T12.006%203q.408%200%20.702.292Q13%203.583%2013%204q0%20.42-.292.71Q12.417%205%2012%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/person-celebrate.svg?color=%231a73e8&size=48
