red envelope emoji
red-envelope from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- red-envelope
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the red envelope emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fa3c32" d="M21.503.407L.415 21.495a.996.996 0 0 0 0 1.406l12.653 12.653a.996.996 0 0 0 1.406 0l21.088-21.088z"/><path fill="#dc282c" d="M35.561 13.06L22.909.407a.996.996 0 0 0-1.406 0l-1.089 1.089c-.349 2.648 1.709 6.88 4.443 9.614c2.783 2.783 6.905 4.905 9.572 4.488l1.133-1.133a.996.996 0 0 0-.001-1.405"/><path fill="#b3282c" d="M24.857 11.111c-2.734-2.734-4.793-6.966-4.443-9.614l-1.301 1.301c.158 2.739 2.308 6.666 4.85 9.207c2.578 2.578 6.371 4.797 9.139 4.921l1.327-1.327c-2.667.417-6.789-1.705-9.572-4.488"/><g fill="#ffe933"><path d="M19.104 16.866c-.899-.899-2.206-1.41-2.982-.665c-.03.15.084.971 1.38 2.267s2.117 1.41 2.267 1.38c.744-.777.233-2.084-.665-2.982m-.011-1.543a.34.34 0 0 1-.073-.367l.666-1.632c.071-.175.27-.261.444-.192s.257.267.186.441l-.666 1.632a.344.344 0 0 1-.557.118m-2.025-.747a.33.33 0 0 1-.097-.222l-.085-1.887a.35.35 0 0 1 .325-.36a.334.334 0 0 1 .355.319l.085 1.887a.35.35 0 0 1-.325.36a.34.34 0 0 1-.258-.097m3.577 2.299a.345.345 0 0 1 .118-.557l1.632-.666a.335.335 0 0 1 .441.186a.345.345 0 0 1-.192.444l-1.632.666a.34.34 0 0 1-.367-.073m.748 2.026a.34.34 0 0 1-.097-.258a.346.346 0 0 1 .36-.325l1.887.085a.333.333 0 0 1 .319.355a.346.346 0 0 1-.36.325l-1.887-.085a.33.33 0 0 1-.222-.097"/><path d="M15.656 15.716c-.755-.976-1.184-1.686-1.332-1.945c-.4.861-.392 1.839.044 2.925c.545 1.356 1.583 2.481 2.003 2.901c.421.421 1.546 1.458 2.902 2.004c1.086.437 2.064.445 2.925.044c-.258-.148-.969-.576-1.944-1.332l-.028.031c-.451.451-1.698.118-3.209-1.393s-1.844-2.758-1.393-3.209z"/><path d="M15.887 20.082c-1.775-1.775-3.09-4.201-2.292-6.333c-.296.121-.678.341-1.095.758c-2.408 2.408-.113 5.976 1.436 7.526c1.55 1.55 5.117 3.845 7.526 1.436c.417-.417.638-.8.758-1.095c-2.132.798-4.558-.517-6.333-2.292"/></g></svg>
React
import type { SVGProps } from "react";
export function TwemojiRedEnvelope(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fa3c32" d="M21.503.407L.415 21.495a.996.996 0 0 0 0 1.406l12.653 12.653a.996.996 0 0 0 1.406 0l21.088-21.088z"/><path fill="#dc282c" d="M35.561 13.06L22.909.407a.996.996 0 0 0-1.406 0l-1.089 1.089c-.349 2.648 1.709 6.88 4.443 9.614c2.783 2.783 6.905 4.905 9.572 4.488l1.133-1.133a.996.996 0 0 0-.001-1.405"/><path fill="#b3282c" d="M24.857 11.111c-2.734-2.734-4.793-6.966-4.443-9.614l-1.301 1.301c.158 2.739 2.308 6.666 4.85 9.207c2.578 2.578 6.371 4.797 9.139 4.921l1.327-1.327c-2.667.417-6.789-1.705-9.572-4.488"/><g fill="#ffe933"><path d="M19.104 16.866c-.899-.899-2.206-1.41-2.982-.665c-.03.15.084.971 1.38 2.267s2.117 1.41 2.267 1.38c.744-.777.233-2.084-.665-2.982m-.011-1.543a.34.34 0 0 1-.073-.367l.666-1.632c.071-.175.27-.261.444-.192s.257.267.186.441l-.666 1.632a.344.344 0 0 1-.557.118m-2.025-.747a.33.33 0 0 1-.097-.222l-.085-1.887a.35.35 0 0 1 .325-.36a.334.334 0 0 1 .355.319l.085 1.887a.35.35 0 0 1-.325.36a.34.34 0 0 1-.258-.097m3.577 2.299a.345.345 0 0 1 .118-.557l1.632-.666a.335.335 0 0 1 .441.186a.345.345 0 0 1-.192.444l-1.632.666a.34.34 0 0 1-.367-.073m.748 2.026a.34.34 0 0 1-.097-.258a.346.346 0 0 1 .36-.325l1.887.085a.333.333 0 0 1 .319.355a.346.346 0 0 1-.36.325l-1.887-.085a.33.33 0 0 1-.222-.097"/><path d="M15.656 15.716c-.755-.976-1.184-1.686-1.332-1.945c-.4.861-.392 1.839.044 2.925c.545 1.356 1.583 2.481 2.003 2.901c.421.421 1.546 1.458 2.902 2.004c1.086.437 2.064.445 2.925.044c-.258-.148-.969-.576-1.944-1.332l-.028.031c-.451.451-1.698.118-3.209-1.393s-1.844-2.758-1.393-3.209z"/><path d="M15.887 20.082c-1.775-1.775-3.09-4.201-2.292-6.333c-.296.121-.678.341-1.095.758c-2.408 2.408-.113 5.976 1.436 7.526c1.55 1.55 5.117 3.845 7.526 1.436c.417-.417.638-.8.758-1.095c-2.132.798-4.558-.517-6.333-2.292"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fa3c32" d="M21.503.407L.415 21.495a.996.996 0 0 0 0 1.406l12.653 12.653a.996.996 0 0 0 1.406 0l21.088-21.088z"/><path fill="#dc282c" d="M35.561 13.06L22.909.407a.996.996 0 0 0-1.406 0l-1.089 1.089c-.349 2.648 1.709 6.88 4.443 9.614c2.783 2.783 6.905 4.905 9.572 4.488l1.133-1.133a.996.996 0 0 0-.001-1.405"/><path fill="#b3282c" d="M24.857 11.111c-2.734-2.734-4.793-6.966-4.443-9.614l-1.301 1.301c.158 2.739 2.308 6.666 4.85 9.207c2.578 2.578 6.371 4.797 9.139 4.921l1.327-1.327c-2.667.417-6.789-1.705-9.572-4.488"/><g fill="#ffe933"><path d="M19.104 16.866c-.899-.899-2.206-1.41-2.982-.665c-.03.15.084.971 1.38 2.267s2.117 1.41 2.267 1.38c.744-.777.233-2.084-.665-2.982m-.011-1.543a.34.34 0 0 1-.073-.367l.666-1.632c.071-.175.27-.261.444-.192s.257.267.186.441l-.666 1.632a.344.344 0 0 1-.557.118m-2.025-.747a.33.33 0 0 1-.097-.222l-.085-1.887a.35.35 0 0 1 .325-.36a.334.334 0 0 1 .355.319l.085 1.887a.35.35 0 0 1-.325.36a.34.34 0 0 1-.258-.097m3.577 2.299a.345.345 0 0 1 .118-.557l1.632-.666a.335.335 0 0 1 .441.186a.345.345 0 0 1-.192.444l-1.632.666a.34.34 0 0 1-.367-.073m.748 2.026a.34.34 0 0 1-.097-.258a.346.346 0 0 1 .36-.325l1.887.085a.333.333 0 0 1 .319.355a.346.346 0 0 1-.36.325l-1.887-.085a.33.33 0 0 1-.222-.097"/><path d="M15.656 15.716c-.755-.976-1.184-1.686-1.332-1.945c-.4.861-.392 1.839.044 2.925c.545 1.356 1.583 2.481 2.003 2.901c.421.421 1.546 1.458 2.902 2.004c1.086.437 2.064.445 2.925.044c-.258-.148-.969-.576-1.944-1.332l-.028.031c-.451.451-1.698.118-3.209-1.393s-1.844-2.758-1.393-3.209z"/><path d="M15.887 20.082c-1.775-1.775-3.09-4.201-2.292-6.333c-.296.121-.678.341-1.095.758c-2.408 2.408-.113 5.976 1.436 7.526c1.55 1.55 5.117 3.845 7.526 1.436c.417-.417.638-.8.758-1.095c-2.132.798-4.558-.517-6.333-2.292"/></g></svg> </template>
CSS
.icon-red-envelope {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23fa3c32%22%20d%3D%22M21.503.407L.415%2021.495a.996.996%200%200%200%200%201.406l12.653%2012.653a.996.996%200%200%200%201.406%200l21.088-21.088z%22%2F%3E%3Cpath%20fill%3D%22%23dc282c%22%20d%3D%22M35.561%2013.06L22.909.407a.996.996%200%200%200-1.406%200l-1.089%201.089c-.349%202.648%201.709%206.88%204.443%209.614c2.783%202.783%206.905%204.905%209.572%204.488l1.133-1.133a.996.996%200%200%200-.001-1.405%22%2F%3E%3Cpath%20fill%3D%22%23b3282c%22%20d%3D%22M24.857%2011.111c-2.734-2.734-4.793-6.966-4.443-9.614l-1.301%201.301c.158%202.739%202.308%206.666%204.85%209.207c2.578%202.578%206.371%204.797%209.139%204.921l1.327-1.327c-2.667.417-6.789-1.705-9.572-4.488%22%2F%3E%3Cg%20fill%3D%22%23ffe933%22%3E%3Cpath%20d%3D%22M19.104%2016.866c-.899-.899-2.206-1.41-2.982-.665c-.03.15.084.971%201.38%202.267s2.117%201.41%202.267%201.38c.744-.777.233-2.084-.665-2.982m-.011-1.543a.34.34%200%200%201-.073-.367l.666-1.632c.071-.175.27-.261.444-.192s.257.267.186.441l-.666%201.632a.344.344%200%200%201-.557.118m-2.025-.747a.33.33%200%200%201-.097-.222l-.085-1.887a.35.35%200%200%201%20.325-.36a.334.334%200%200%201%20.355.319l.085%201.887a.35.35%200%200%201-.325.36a.34.34%200%200%201-.258-.097m3.577%202.299a.345.345%200%200%201%20.118-.557l1.632-.666a.335.335%200%200%201%20.441.186a.345.345%200%200%201-.192.444l-1.632.666a.34.34%200%200%201-.367-.073m.748%202.026a.34.34%200%200%201-.097-.258a.346.346%200%200%201%20.36-.325l1.887.085a.333.333%200%200%201%20.319.355a.346.346%200%200%201-.36.325l-1.887-.085a.33.33%200%200%201-.222-.097%22%2F%3E%3Cpath%20d%3D%22M15.656%2015.716c-.755-.976-1.184-1.686-1.332-1.945c-.4.861-.392%201.839.044%202.925c.545%201.356%201.583%202.481%202.003%202.901c.421.421%201.546%201.458%202.902%202.004c1.086.437%202.064.445%202.925.044c-.258-.148-.969-.576-1.944-1.332l-.028.031c-.451.451-1.698.118-3.209-1.393s-1.844-2.758-1.393-3.209z%22%2F%3E%3Cpath%20d%3D%22M15.887%2020.082c-1.775-1.775-3.09-4.201-2.292-6.333c-.296.121-.678.341-1.095.758c-2.408%202.408-.113%205.976%201.436%207.526c1.55%201.55%205.117%203.845%207.526%201.436c.417-.417.638-.8.758-1.095c-2.132.798-4.558-.517-6.333-2.292%22%2F%3E%3C%2Fg%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23fa3c32%22%20d%3D%22M21.503.407L.415%2021.495a.996.996%200%200%200%200%201.406l12.653%2012.653a.996.996%200%200%200%201.406%200l21.088-21.088z%22%2F%3E%3Cpath%20fill%3D%22%23dc282c%22%20d%3D%22M35.561%2013.06L22.909.407a.996.996%200%200%200-1.406%200l-1.089%201.089c-.349%202.648%201.709%206.88%204.443%209.614c2.783%202.783%206.905%204.905%209.572%204.488l1.133-1.133a.996.996%200%200%200-.001-1.405%22%2F%3E%3Cpath%20fill%3D%22%23b3282c%22%20d%3D%22M24.857%2011.111c-2.734-2.734-4.793-6.966-4.443-9.614l-1.301%201.301c.158%202.739%202.308%206.666%204.85%209.207c2.578%202.578%206.371%204.797%209.139%204.921l1.327-1.327c-2.667.417-6.789-1.705-9.572-4.488%22%2F%3E%3Cg%20fill%3D%22%23ffe933%22%3E%3Cpath%20d%3D%22M19.104%2016.866c-.899-.899-2.206-1.41-2.982-.665c-.03.15.084.971%201.38%202.267s2.117%201.41%202.267%201.38c.744-.777.233-2.084-.665-2.982m-.011-1.543a.34.34%200%200%201-.073-.367l.666-1.632c.071-.175.27-.261.444-.192s.257.267.186.441l-.666%201.632a.344.344%200%200%201-.557.118m-2.025-.747a.33.33%200%200%201-.097-.222l-.085-1.887a.35.35%200%200%201%20.325-.36a.334.334%200%200%201%20.355.319l.085%201.887a.35.35%200%200%201-.325.36a.34.34%200%200%201-.258-.097m3.577%202.299a.345.345%200%200%201%20.118-.557l1.632-.666a.335.335%200%200%201%20.441.186a.345.345%200%200%201-.192.444l-1.632.666a.34.34%200%200%201-.367-.073m.748%202.026a.34.34%200%200%201-.097-.258a.346.346%200%200%201%20.36-.325l1.887.085a.333.333%200%200%201%20.319.355a.346.346%200%200%201-.36.325l-1.887-.085a.33.33%200%200%201-.222-.097%22%2F%3E%3Cpath%20d%3D%22M15.656%2015.716c-.755-.976-1.184-1.686-1.332-1.945c-.4.861-.392%201.839.044%202.925c.545%201.356%201.583%202.481%202.003%202.901c.421.421%201.546%201.458%202.902%202.004c1.086.437%202.064.445%202.925.044c-.258-.148-.969-.576-1.944-1.332l-.028.031c-.451.451-1.698.118-3.209-1.393s-1.844-2.758-1.393-3.209z%22%2F%3E%3Cpath%20d%3D%22M15.887%2020.082c-1.775-1.775-3.09-4.201-2.292-6.333c-.296.121-.678.341-1.095.758c-2.408%202.408-.113%205.976%201.436%207.526c1.55%201.55%205.117%203.845%207.526%201.436c.417-.417.638-.8.758-1.095c-2.132.798-4.558-.517-6.333-2.292%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/red-envelope.svg?color=%231a73e8&size=48
