party icon

party from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
party
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

The same icon in other sets

partyBoxIcons v2partyBoxIcons v2 Solid

Related icons in Huge Icons

party-popper

Use the party icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.658 11.002l-1.47 3.308c-1.856 4.174-2.783 6.261-1.77 7.274s3.098.085 7.272-1.77L13 18.342c2.517-1.119 3.776-1.678 3.976-2.757s-.774-2.053-2.722-4l-1.838-1.839c-1.947-1.948-2.921-2.922-4-2.721c-1.079.2-1.638 1.459-2.757 3.976M6.5 10.5l7 7m-9-2l4 4M16 8l3-3m2.876 1h-.125M22 6a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-1.124 7.25h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-2.875-11H18m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-7.124 1H11m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0M14.198 2c.4.667.718 2.4-1.197 4M22 9.803c-.666-.4-2.4-.719-4 1.197"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsParty(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m5.658 11.002l-1.47 3.308c-1.856 4.174-2.783 6.261-1.77 7.274s3.098.085 7.272-1.77L13 18.342c2.517-1.119 3.776-1.678 3.976-2.757s-.774-2.053-2.722-4l-1.838-1.839c-1.947-1.948-2.921-2.922-4-2.721c-1.079.2-1.638 1.459-2.757 3.976M6.5 10.5l7 7m-9-2l4 4M16 8l3-3m2.876 1h-.125M22 6a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-1.124 7.25h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-2.875-11H18m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-7.124 1H11m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0M14.198 2c.4.667.718 2.4-1.197 4M22 9.803c-.666-.4-2.4-.719-4 1.197"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.658 11.002l-1.47 3.308c-1.856 4.174-2.783 6.261-1.77 7.274s3.098.085 7.272-1.77L13 18.342c2.517-1.119 3.776-1.678 3.976-2.757s-.774-2.053-2.722-4l-1.838-1.839c-1.947-1.948-2.921-2.922-4-2.721c-1.079.2-1.638 1.459-2.757 3.976M6.5 10.5l7 7m-9-2l4 4M16 8l3-3m2.876 1h-.125M22 6a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-1.124 7.25h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-2.875-11H18m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-7.124 1H11m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0M14.198 2c.4.667.718 2.4-1.197 4M22 9.803c-.666-.4-2.4-.719-4 1.197"/></svg>
</template>

CSS

.icon-party {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5.658%2011.002l-1.47%203.308c-1.856%204.174-2.783%206.261-1.77%207.274s3.098.085%207.272-1.77L13%2018.342c2.517-1.119%203.776-1.678%203.976-2.757s-.774-2.053-2.722-4l-1.838-1.839c-1.947-1.948-2.921-2.922-4-2.721c-1.079.2-1.638%201.459-2.757%203.976M6.5%2010.5l7%207m-9-2l4%204M16%208l3-3m2.876%201h-.125M22%206a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-1.124%207.25h-.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-2.875-11H18m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-7.124%201H11m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200M14.198%202c.4.667.718%202.4-1.197%204M22%209.803c-.666-.4-2.4-.719-4%201.197%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5.658%2011.002l-1.47%203.308c-1.856%204.174-2.783%206.261-1.77%207.274s3.098.085%207.272-1.77L13%2018.342c2.517-1.119%203.776-1.678%203.976-2.757s-.774-2.053-2.722-4l-1.838-1.839c-1.947-1.948-2.921-2.922-4-2.721c-1.079.2-1.638%201.459-2.757%203.976M6.5%2010.5l7%207m-9-2l4%204M16%208l3-3m2.876%201h-.125M22%206a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-1.124%207.25h-.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-2.875-11H18m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-7.124%201H11m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200M14.198%202c.4.667.718%202.4-1.197%204M22%209.803c-.666-.4-2.4-.719-4%201.197%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/party.svg?color=%231a73e8&size=48