envelope open text icon

envelope-open-text from Font Awesome 6 Solid by Dave Gandy · Regular · Marketing · CC-BY-4.0 Attribution required.

Name: envelope-open-text
Set: Font Awesome 6 Solid
Style: Regular
Category: Marketing
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

envelope-open-textFont Awesome Solid envelope-open-textLine Awesome

More marketing icons from Font Awesome 6 Solid

Use the envelope open text icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M215.4 96H96v177.4L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11l49.9 37H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4V96H215.3zM0 448V242.1l217.6 161.2c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64m176-288h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16m0 64h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidEnvelopeOpenText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M215.4 96H96v177.4L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11l49.9 37H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4V96H215.3zM0 448V242.1l217.6 161.2c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64m176-288h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16m0 64h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M215.4 96H96v177.4L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11l49.9 37H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4V96H215.3zM0 448V242.1l217.6 161.2c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64m176-288h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16m0 64h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16"/></svg>
</template>

CSS

.icon-envelope-open-text {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M215.4%2096H96v177.4L.2%20202.5c1.6-18.1%2010.9-34.9%2025.7-45.8L48%20140.3V96c0-26.5%2021.5-48%2048-48h76.6l49.9-36.9C232.2%203.9%20243.9%200%20256%200s23.8%203.9%2033.5%2011l49.9%2037H416c26.5%200%2048%2021.5%2048%2048v44.3l22.1%2016.4c14.8%2010.9%2024.1%2027.7%2025.7%2045.8L416%20273.4V96H215.3zM0%20448V242.1l217.6%20161.2c11.1%208.2%2024.6%2012.7%2038.4%2012.7s27.3-4.4%2038.4-12.7L512%20242.1V448c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64m176-288h160c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16s7.2-16%2016-16m0%2064h160c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16s7.2-16%2016-16%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M215.4%2096H96v177.4L.2%20202.5c1.6-18.1%2010.9-34.9%2025.7-45.8L48%20140.3V96c0-26.5%2021.5-48%2048-48h76.6l49.9-36.9C232.2%203.9%20243.9%200%20256%200s23.8%203.9%2033.5%2011l49.9%2037H416c26.5%200%2048%2021.5%2048%2048v44.3l22.1%2016.4c14.8%2010.9%2024.1%2027.7%2025.7%2045.8L416%20273.4V96H215.3zM0%20448V242.1l217.6%20161.2c11.1%208.2%2024.6%2012.7%2038.4%2012.7s27.3-4.4%2038.4-12.7L512%20242.1V448c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64m176-288h160c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16s7.2-16%2016-16m0%2064h160c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16s7.2-16%2016-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/envelope-open-text.svg?color=%231a73e8&size=48