rsvp icon

rsvp from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: rsvp
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: rsvp-outline

2 other variants in Material Symbols Light

rsvp-rounded rsvp-sharp

The same icon in other sets

rsvpMaterial Symbols

More actions icons from Material Symbols Light

Use the rsvp icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.308 14.692V9.308h3.154q.512 0 .871.359t.36.872v.961q0 .489-.33.787t-.705.382l.88 2.023h-.942l-.85-2H2.192v2zm6 0v-.884h3v-1.366H8.116q-.344 0-.576-.232t-.232-.575v-1.52q0-.343.232-.575t.576-.232h3.076v.884h-3v1.366h2.193q.343 0 .575.232t.232.576v1.519q0 .343-.232.575t-.575.232zm7.134 0l-1.576-5.384h.903L15 13.52l1.23-4.213h.905l-1.577 5.384zm3.866 0V9.308h3.154q.512 0 .871.359t.36.872v.923q0 .512-.36.871t-.871.36h-2.27v2zM2.192 11.808h2.27q.154 0 .25-.077t.096-.231v-.961q0-.155-.096-.25q-.096-.097-.25-.097h-2.27zm17 0h2.27q.154 0 .25-.096t.096-.25v-.923q0-.154-.096-.25q-.096-.097-.25-.097h-2.27z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRsvp(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="M1.308 14.692V9.308h3.154q.512 0 .871.359t.36.872v.961q0 .489-.33.787t-.705.382l.88 2.023h-.942l-.85-2H2.192v2zm6 0v-.884h3v-1.366H8.116q-.344 0-.576-.232t-.232-.575v-1.52q0-.343.232-.575t.576-.232h3.076v.884h-3v1.366h2.193q.343 0 .575.232t.232.576v1.519q0 .343-.232.575t-.575.232zm7.134 0l-1.576-5.384h.903L15 13.52l1.23-4.213h.905l-1.577 5.384zm3.866 0V9.308h3.154q.512 0 .871.359t.36.872v.923q0 .512-.36.871t-.871.36h-2.27v2zM2.192 11.808h2.27q.154 0 .25-.077t.096-.231v-.961q0-.155-.096-.25q-.096-.097-.25-.097h-2.27zm17 0h2.27q.154 0 .25-.096t.096-.25v-.923q0-.154-.096-.25q-.096-.097-.25-.097h-2.27z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.308 14.692V9.308h3.154q.512 0 .871.359t.36.872v.961q0 .489-.33.787t-.705.382l.88 2.023h-.942l-.85-2H2.192v2zm6 0v-.884h3v-1.366H8.116q-.344 0-.576-.232t-.232-.575v-1.52q0-.343.232-.575t.576-.232h3.076v.884h-3v1.366h2.193q.343 0 .575.232t.232.576v1.519q0 .343-.232.575t-.575.232zm7.134 0l-1.576-5.384h.903L15 13.52l1.23-4.213h.905l-1.577 5.384zm3.866 0V9.308h3.154q.512 0 .871.359t.36.872v.923q0 .512-.36.871t-.871.36h-2.27v2zM2.192 11.808h2.27q.154 0 .25-.077t.096-.231v-.961q0-.155-.096-.25q-.096-.097-.25-.097h-2.27zm17 0h2.27q.154 0 .25-.096t.096-.25v-.923q0-.154-.096-.25q-.096-.097-.25-.097h-2.27z"/></svg>
</template>

CSS

.icon-rsvp {
  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%22M1.308%2014.692V9.308h3.154q.512%200%20.871.359t.36.872v.961q0%20.489-.33.787t-.705.382l.88%202.023h-.942l-.85-2H2.192v2zm6%200v-.884h3v-1.366H8.116q-.344%200-.576-.232t-.232-.575v-1.52q0-.343.232-.575t.576-.232h3.076v.884h-3v1.366h2.193q.343%200%20.575.232t.232.576v1.519q0%20.343-.232.575t-.575.232zm7.134%200l-1.576-5.384h.903L15%2013.52l1.23-4.213h.905l-1.577%205.384zm3.866%200V9.308h3.154q.512%200%20.871.359t.36.872v.923q0%20.512-.36.871t-.871.36h-2.27v2zM2.192%2011.808h2.27q.154%200%20.25-.077t.096-.231v-.961q0-.155-.096-.25q-.096-.097-.25-.097h-2.27zm17%200h2.27q.154%200%20.25-.096t.096-.25v-.923q0-.154-.096-.25q-.096-.097-.25-.097h-2.27z%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%22M1.308%2014.692V9.308h3.154q.512%200%20.871.359t.36.872v.961q0%20.489-.33.787t-.705.382l.88%202.023h-.942l-.85-2H2.192v2zm6%200v-.884h3v-1.366H8.116q-.344%200-.576-.232t-.232-.575v-1.52q0-.343.232-.575t.576-.232h3.076v.884h-3v1.366h2.193q.343%200%20.575.232t.232.576v1.519q0%20.343-.232.575t-.575.232zm7.134%200l-1.576-5.384h.903L15%2013.52l1.23-4.213h.905l-1.577%205.384zm3.866%200V9.308h3.154q.512%200%20.871.359t.36.872v.923q0%20.512-.36.871t-.871.36h-2.27v2zM2.192%2011.808h2.27q.154%200%20.25-.077t.096-.231v-.961q0-.155-.096-.25q-.096-.097-.25-.097h-2.27zm17%200h2.27q.154%200%20.25-.096t.096-.25v-.923q0-.154-.096-.25q-.096-.097-.25-.097h-2.27z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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