envelope open icon
envelope-open from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- envelope-open
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
envelope-openBootstrap Iconsenvelope-openBoxIcons v2envelope-openBoxIcons v2 Solidenvelope-openFramework7 Iconsenvelope-openFont Awesome 6 Regularenvelope-openFont Awesome 6 Solidenvelope-openHeroIconsenvelope-openJam Iconsenvelope-openPhosphorenvelope-openRadix Iconsenvelope-open-outlineTeenyiconsenvelope-openUnicons
More objects icons from Line Awesome
Use the envelope open icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 3l-.531.344l-12 7.812L3 11.47V29h26V11.469l-.469-.313l-12-7.812zm0 2.375L26.188 12L16 18.594L5.812 12zM5 13.844l10.469 6.781l.531.344l.531-.344L27 13.844V27H5z"/></svg>
React
import type { SVGProps } from "react";
export function LaEnvelopeOpen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 3l-.531.344l-12 7.812L3 11.47V29h26V11.469l-.469-.313l-12-7.812zm0 2.375L26.188 12L16 18.594L5.812 12zM5 13.844l10.469 6.781l.531.344l.531-.344L27 13.844V27H5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 3l-.531.344l-12 7.812L3 11.47V29h26V11.469l-.469-.313l-12-7.812zm0 2.375L26.188 12L16 18.594L5.812 12zM5 13.844l10.469 6.781l.531.344l.531-.344L27 13.844V27H5z"/></svg> </template>
CSS
.icon-envelope-open {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16%203l-.531.344l-12%207.812L3%2011.47V29h26V11.469l-.469-.313l-12-7.812zm0%202.375L26.188%2012L16%2018.594L5.812%2012zM5%2013.844l10.469%206.781l.531.344l.531-.344L27%2013.844V27H5z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16%203l-.531.344l-12%207.812L3%2011.47V29h26V11.469l-.469-.313l-12-7.812zm0%202.375L26.188%2012L16%2018.594L5.812%2012zM5%2013.844l10.469%206.781l.531.344l.531-.344L27%2013.844V27H5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/envelope-open.svg?color=%231a73e8&size=48
