party mode icon

party-mode-sharp from Material Symbols Light by Google · Sharp · Images · Apache-2.0 Free for personal and commercial use.

Name: party-mode-sharp
Set: Material Symbols Light
Style: Sharp
Category: Images
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

party-mode party-mode-outline party-mode-outline-rounded party-mode-outline-sharp party-mode-rounded

The same icon in other sets

party-modeMaterial Symbols

More images icons from Material Symbols Light

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the party mode icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20V6h4.573l1.85-2h5.154l1.85 2H21v14zm9-3.27q1.567 0 2.649-1.081T15.731 13q0-.125-.003-.25t-.047-.25h-1q.05.125.05.25V13q0 1.146-.792 1.939T12 15.73H9.596q.35.419.991.71q.642.29 1.413.29M8.32 13.5h1q-.05-.125-.05-.25V13q0-1.146.792-1.939T12 10.27h2.404q-.427-.438-1.02-.719T12 9.27q-1.567 0-2.649 1.081T8.269 13q0 .125.003.25t.047.25"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightPartyModeSharp(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="M3 20V6h4.573l1.85-2h5.154l1.85 2H21v14zm9-3.27q1.567 0 2.649-1.081T15.731 13q0-.125-.003-.25t-.047-.25h-1q.05.125.05.25V13q0 1.146-.792 1.939T12 15.73H9.596q.35.419.991.71q.642.29 1.413.29M8.32 13.5h1q-.05-.125-.05-.25V13q0-1.146.792-1.939T12 10.27h2.404q-.427-.438-1.02-.719T12 9.27q-1.567 0-2.649 1.081T8.269 13q0 .125.003.25t.047.25"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20V6h4.573l1.85-2h5.154l1.85 2H21v14zm9-3.27q1.567 0 2.649-1.081T15.731 13q0-.125-.003-.25t-.047-.25h-1q.05.125.05.25V13q0 1.146-.792 1.939T12 15.73H9.596q.35.419.991.71q.642.29 1.413.29M8.32 13.5h1q-.05-.125-.05-.25V13q0-1.146.792-1.939T12 10.27h2.404q-.427-.438-1.02-.719T12 9.27q-1.567 0-2.649 1.081T8.269 13q0 .125.003.25t.047.25"/></svg>
</template>

CSS

.icon-party-mode-sharp {
  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%22M3%2020V6h4.573l1.85-2h5.154l1.85%202H21v14zm9-3.27q1.567%200%202.649-1.081T15.731%2013q0-.125-.003-.25t-.047-.25h-1q.05.125.05.25V13q0%201.146-.792%201.939T12%2015.73H9.596q.35.419.991.71q.642.29%201.413.29M8.32%2013.5h1q-.05-.125-.05-.25V13q0-1.146.792-1.939T12%2010.27h2.404q-.427-.438-1.02-.719T12%209.27q-1.567%200-2.649%201.081T8.269%2013q0%20.125.003.25t.047.25%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%22M3%2020V6h4.573l1.85-2h5.154l1.85%202H21v14zm9-3.27q1.567%200%202.649-1.081T15.731%2013q0-.125-.003-.25t-.047-.25h-1q.05.125.05.25V13q0%201.146-.792%201.939T12%2015.73H9.596q.35.419.991.71q.642.29%201.413.29M8.32%2013.5h1q-.05-.125-.05-.25V13q0-1.146.792-1.939T12%2010.27h2.404q-.427-.438-1.02-.719T12%209.27q-1.567%200-2.649%201.081T8.269%2013q0%20.125.003.25t.047.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/party-mode-sharp.svg?color=%231a73e8&size=48