person celebrate icon
person-celebrate-rounded from Material Symbols Light by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- person-celebrate-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- person-celebrate-outline-rounded
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 19.192v-3.774q-1.333-.095-2.635-.27t-2.585-.47q-.232-.06-.386-.234q-.154-.173-.087-.396q.068-.223.272-.327t.438-.042q1.767.405 3.566.575t3.609.169t3.61-.17t3.565-.574q.239-.062.44.04q.202.102.27.32q.067.232-.09.405t-.39.235q-1.301.294-2.596.469t-2.617.275v3.77q0 .343-.232.575t-.576.232h-2.768q-.344 0-.576-.232q-.232-.233-.232-.576m2.195-6.384q-.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 MaterialSymbolsLightPersonCelebrateRounded(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 19.192v-3.774q-1.333-.095-2.635-.27t-2.585-.47q-.232-.06-.386-.234q-.154-.173-.087-.396q.068-.223.272-.327t.438-.042q1.767.405 3.566.575t3.609.169t3.61-.17t3.565-.574q.239-.062.44.04q.202.102.27.32q.067.232-.09.405t-.39.235q-1.301.294-2.596.469t-2.617.275v3.77q0 .343-.232.575t-.576.232h-2.768q-.344 0-.576-.232q-.232-.233-.232-.576m2.195-6.384q-.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 19.192v-3.774q-1.333-.095-2.635-.27t-2.585-.47q-.232-.06-.386-.234q-.154-.173-.087-.396q.068-.223.272-.327t.438-.042q1.767.405 3.566.575t3.609.169t3.61-.17t3.565-.574q.239-.062.44.04q.202.102.27.32q.067.232-.09.405t-.39.235q-1.301.294-2.596.469t-2.617.275v3.77q0 .343-.232.575t-.576.232h-2.768q-.344 0-.576-.232q-.232-.233-.232-.576m2.195-6.384q-.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-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%22M9.808%2019.192v-3.774q-1.333-.095-2.635-.27t-2.585-.47q-.232-.06-.386-.234q-.154-.173-.087-.396q.068-.223.272-.327t.438-.042q1.767.405%203.566.575t3.609.169t3.61-.17t3.565-.574q.239-.062.44.04q.202.102.27.32q.067.232-.09.405t-.39.235q-1.301.294-2.596.469t-2.617.275v3.77q0%20.343-.232.575t-.576.232h-2.768q-.344%200-.576-.232q-.232-.233-.232-.576m2.195-6.384q-.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%2019.192v-3.774q-1.333-.095-2.635-.27t-2.585-.47q-.232-.06-.386-.234q-.154-.173-.087-.396q.068-.223.272-.327t.438-.042q1.767.405%203.566.575t3.609.169t3.61-.17t3.565-.574q.239-.062.44.04q.202.102.27.32q.067.232-.09.405t-.39.235q-1.301.294-2.596.469t-2.617.275v3.77q0%20.343-.232.575t-.576.232h-2.768q-.344%200-.576-.232q-.232-.233-.232-.576m2.195-6.384q-.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-rounded.svg?color=%231a73e8&size=48
