envelope icon
envelope-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- envelope-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
envelopeAkar IconsenvelopeBootstrap IconsenvelopeBoxIcons v2envelopeBoxIcons v2 SolidenvelopeEmoji One (Colored)envelopeFont Awesome 6 RegularenvelopeFont Awesome 6 SolidenvelopeFont Awesome RegularenvelopeFont Awesome Solidenvelope-outlineFlowbite IconsenvelopeFluent EmojienvelopeFluent Emoji FlatenvelopeFluent Emoji High ContrastenvelopeFirefox OS EmojienvelopeHeroIconsenvelopeIconParkenvelopeIconPark OutlineenvelopeJam IconsenvelopeLine AwesomeenvelopeNoto EmojienvelopeOpenMojienvelopePhosphorenvelopePrime Iconsenvelope-outlineTeenyicons
Related icons in Framework7 Icons
Use the envelope icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.047 30.707c.984 0 1.875-.445 2.883-1.477L51.32 9.05c-.867-.843-2.484-1.241-4.804-1.241H8.78c-1.969 0-3.351.375-4.125 1.148l20.508 20.274c1.008 1.007 1.922 1.476 2.883 1.476M2.71 44.418l16.57-16.383L2.664 11.652c-.352.657-.54 1.782-.54 3.399v25.875c0 1.664.212 2.836.587 3.492m50.625-.023c.351-.68.54-1.829.54-3.47V15.052c0-1.57-.165-2.696-.517-3.328L36.812 28.035ZM9.484 48.19h37.734c1.97 0 3.329-.375 4.102-1.125L34.445 30.332l-1.57 1.57c-1.594 1.547-3.117 2.25-4.828 2.25s-3.235-.703-4.828-2.25l-1.57-1.57L4.796 47.043c.89.773 2.46 1.148 4.687 1.148"/></svg>
React
import type { SVGProps } from "react";
export function F7EnvelopeFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.047 30.707c.984 0 1.875-.445 2.883-1.477L51.32 9.05c-.867-.843-2.484-1.241-4.804-1.241H8.78c-1.969 0-3.351.375-4.125 1.148l20.508 20.274c1.008 1.007 1.922 1.476 2.883 1.476M2.71 44.418l16.57-16.383L2.664 11.652c-.352.657-.54 1.782-.54 3.399v25.875c0 1.664.212 2.836.587 3.492m50.625-.023c.351-.68.54-1.829.54-3.47V15.052c0-1.57-.165-2.696-.517-3.328L36.812 28.035ZM9.484 48.19h37.734c1.97 0 3.329-.375 4.102-1.125L34.445 30.332l-1.57 1.57c-1.594 1.547-3.117 2.25-4.828 2.25s-3.235-.703-4.828-2.25l-1.57-1.57L4.796 47.043c.89.773 2.46 1.148 4.687 1.148"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.047 30.707c.984 0 1.875-.445 2.883-1.477L51.32 9.05c-.867-.843-2.484-1.241-4.804-1.241H8.78c-1.969 0-3.351.375-4.125 1.148l20.508 20.274c1.008 1.007 1.922 1.476 2.883 1.476M2.71 44.418l16.57-16.383L2.664 11.652c-.352.657-.54 1.782-.54 3.399v25.875c0 1.664.212 2.836.587 3.492m50.625-.023c.351-.68.54-1.829.54-3.47V15.052c0-1.57-.165-2.696-.517-3.328L36.812 28.035ZM9.484 48.19h37.734c1.97 0 3.329-.375 4.102-1.125L34.445 30.332l-1.57 1.57c-1.594 1.547-3.117 2.25-4.828 2.25s-3.235-.703-4.828-2.25l-1.57-1.57L4.796 47.043c.89.773 2.46 1.148 4.687 1.148"/></svg> </template>
CSS
.icon-envelope-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.047%2030.707c.984%200%201.875-.445%202.883-1.477L51.32%209.05c-.867-.843-2.484-1.241-4.804-1.241H8.78c-1.969%200-3.351.375-4.125%201.148l20.508%2020.274c1.008%201.007%201.922%201.476%202.883%201.476M2.71%2044.418l16.57-16.383L2.664%2011.652c-.352.657-.54%201.782-.54%203.399v25.875c0%201.664.212%202.836.587%203.492m50.625-.023c.351-.68.54-1.829.54-3.47V15.052c0-1.57-.165-2.696-.517-3.328L36.812%2028.035ZM9.484%2048.19h37.734c1.97%200%203.329-.375%204.102-1.125L34.445%2030.332l-1.57%201.57c-1.594%201.547-3.117%202.25-4.828%202.25s-3.235-.703-4.828-2.25l-1.57-1.57L4.796%2047.043c.89.773%202.46%201.148%204.687%201.148%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.047%2030.707c.984%200%201.875-.445%202.883-1.477L51.32%209.05c-.867-.843-2.484-1.241-4.804-1.241H8.78c-1.969%200-3.351.375-4.125%201.148l20.508%2020.274c1.008%201.007%201.922%201.476%202.883%201.476M2.71%2044.418l16.57-16.383L2.664%2011.652c-.352.657-.54%201.782-.54%203.399v25.875c0%201.664.212%202.836.587%203.492m50.625-.023c.351-.68.54-1.829.54-3.47V15.052c0-1.57-.165-2.696-.517-3.328L36.812%2028.035ZM9.484%2048.19h37.734c1.97%200%203.329-.375%204.102-1.125L34.445%2030.332l-1.57%201.57c-1.594%201.547-3.117%202.25-4.828%202.25s-3.235-.703-4.828-2.25l-1.57-1.57L4.796%2047.043c.89.773%202.46%201.148%204.687%201.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/envelope-fill.svg?color=%231a73e8&size=48
