envelope right icon
envelope-right from Reicon by REICON · Outline · Messages · MIT Free for personal and commercial use.
- Name
- envelope-right
- Set
- Reicon
- Style
- Outline
- Category
- Messages
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More messages icons from Reicon
at-signchatchat-checkchat-dotschat-linechat-minuschat-pluschat-roundchat-round-callchat-round-checkchat-round-dotschat-round-likechat-round-linechat-round-moneychat-round-unreadchat-round-videochat-squarechat-square-arrowchat-square-callchat-square-checkchat-square-codechat-square-likechat-unreadchat-x
Use the envelope right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M16.832 2.25H6.168c-.883 0-1.591 0-2.164.047c-.588.048-1.099.149-1.57.389A4 4 0 0 0 .686 4.434c-.24.471-.341.982-.39 1.57a11 11 0 0 0-.028.493a46 46 0 0 0-.018 1.67v6.165c0 .883 0 1.591.047 2.164c.048.588.149 1.099.389 1.57a4 4 0 0 0 1.748 1.748c.471.24.982.341 1.57.39c.573.046 1.281.046 2.164.046h6.65a.75.75 0 0 0 0-1.5H6.2c-.922 0-1.57 0-2.074-.042c-.495-.04-.787-.116-1.011-.23a2.5 2.5 0 0 1-1.093-1.093c-.114-.224-.19-.516-.23-1.012c-.041-.504-.042-1.15-.042-2.073V8.014L9.213 13.7c.588.45 1.05.802 1.579.943c.464.124.952.124 1.416 0c.53-.141.99-.493 1.58-.943l7.462-5.686v4.067a.75.75 0 0 0 1.5 0V8.168c0-.646 0-1.198-.018-1.672l-.001-.025q-.01-.247-.028-.467c-.048-.588-.149-1.099-.389-1.57a4 4 0 0 0-1.748-1.748c-.471-.24-.982-.341-1.57-.39c-.573-.046-1.281-.046-2.164-.046m4.379 3.908l-.003-.032c-.04-.495-.116-.787-.23-1.011a2.5 2.5 0 0 0-1.093-1.093c-.224-.114-.516-.19-1.012-.23c-.504-.041-1.15-.042-2.073-.042H6.2c-.922 0-1.57 0-2.074.042c-.495.04-.787.116-1.011.23a2.5 2.5 0 0 0-1.093 1.093c-.114.224-.19.516-.23 1.011l-.003.032l8.226 6.268c.749.57.96.713 1.163.768c.211.056.433.056.644 0c.204-.055.414-.198 1.163-.768z" clip-rule="evenodd"/><path d="M15.25 18a.75.75 0 0 1 .75-.75h5.19l-1.72-1.72a.75.75 0 1 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H16a.75.75 0 0 1-.75-.75"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconEnvelopeRight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M16.832 2.25H6.168c-.883 0-1.591 0-2.164.047c-.588.048-1.099.149-1.57.389A4 4 0 0 0 .686 4.434c-.24.471-.341.982-.39 1.57a11 11 0 0 0-.028.493a46 46 0 0 0-.018 1.67v6.165c0 .883 0 1.591.047 2.164c.048.588.149 1.099.389 1.57a4 4 0 0 0 1.748 1.748c.471.24.982.341 1.57.39c.573.046 1.281.046 2.164.046h6.65a.75.75 0 0 0 0-1.5H6.2c-.922 0-1.57 0-2.074-.042c-.495-.04-.787-.116-1.011-.23a2.5 2.5 0 0 1-1.093-1.093c-.114-.224-.19-.516-.23-1.012c-.041-.504-.042-1.15-.042-2.073V8.014L9.213 13.7c.588.45 1.05.802 1.579.943c.464.124.952.124 1.416 0c.53-.141.99-.493 1.58-.943l7.462-5.686v4.067a.75.75 0 0 0 1.5 0V8.168c0-.646 0-1.198-.018-1.672l-.001-.025q-.01-.247-.028-.467c-.048-.588-.149-1.099-.389-1.57a4 4 0 0 0-1.748-1.748c-.471-.24-.982-.341-1.57-.39c-.573-.046-1.281-.046-2.164-.046m4.379 3.908l-.003-.032c-.04-.495-.116-.787-.23-1.011a2.5 2.5 0 0 0-1.093-1.093c-.224-.114-.516-.19-1.012-.23c-.504-.041-1.15-.042-2.073-.042H6.2c-.922 0-1.57 0-2.074.042c-.495.04-.787.116-1.011.23a2.5 2.5 0 0 0-1.093 1.093c-.114.224-.19.516-.23 1.011l-.003.032l8.226 6.268c.749.57.96.713 1.163.768c.211.056.433.056.644 0c.204-.055.414-.198 1.163-.768z" clipRule="evenodd"/><path d="M15.25 18a.75.75 0 0 1 .75-.75h5.19l-1.72-1.72a.75.75 0 1 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H16a.75.75 0 0 1-.75-.75"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M16.832 2.25H6.168c-.883 0-1.591 0-2.164.047c-.588.048-1.099.149-1.57.389A4 4 0 0 0 .686 4.434c-.24.471-.341.982-.39 1.57a11 11 0 0 0-.028.493a46 46 0 0 0-.018 1.67v6.165c0 .883 0 1.591.047 2.164c.048.588.149 1.099.389 1.57a4 4 0 0 0 1.748 1.748c.471.24.982.341 1.57.39c.573.046 1.281.046 2.164.046h6.65a.75.75 0 0 0 0-1.5H6.2c-.922 0-1.57 0-2.074-.042c-.495-.04-.787-.116-1.011-.23a2.5 2.5 0 0 1-1.093-1.093c-.114-.224-.19-.516-.23-1.012c-.041-.504-.042-1.15-.042-2.073V8.014L9.213 13.7c.588.45 1.05.802 1.579.943c.464.124.952.124 1.416 0c.53-.141.99-.493 1.58-.943l7.462-5.686v4.067a.75.75 0 0 0 1.5 0V8.168c0-.646 0-1.198-.018-1.672l-.001-.025q-.01-.247-.028-.467c-.048-.588-.149-1.099-.389-1.57a4 4 0 0 0-1.748-1.748c-.471-.24-.982-.341-1.57-.39c-.573-.046-1.281-.046-2.164-.046m4.379 3.908l-.003-.032c-.04-.495-.116-.787-.23-1.011a2.5 2.5 0 0 0-1.093-1.093c-.224-.114-.516-.19-1.012-.23c-.504-.041-1.15-.042-2.073-.042H6.2c-.922 0-1.57 0-2.074.042c-.495.04-.787.116-1.011.23a2.5 2.5 0 0 0-1.093 1.093c-.114.224-.19.516-.23 1.011l-.003.032l8.226 6.268c.749.57.96.713 1.163.768c.211.056.433.056.644 0c.204-.055.414-.198 1.163-.768z" clip-rule="evenodd"/><path d="M15.25 18a.75.75 0 0 1 .75-.75h5.19l-1.72-1.72a.75.75 0 1 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H16a.75.75 0 0 1-.75-.75"/></g></svg> </template>
CSS
.icon-envelope-right {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.832%202.25H6.168c-.883%200-1.591%200-2.164.047c-.588.048-1.099.149-1.57.389A4%204%200%200%200%20.686%204.434c-.24.471-.341.982-.39%201.57a11%2011%200%200%200-.028.493a46%2046%200%200%200-.018%201.67v6.165c0%20.883%200%201.591.047%202.164c.048.588.149%201.099.389%201.57a4%204%200%200%200%201.748%201.748c.471.24.982.341%201.57.39c.573.046%201.281.046%202.164.046h6.65a.75.75%200%200%200%200-1.5H6.2c-.922%200-1.57%200-2.074-.042c-.495-.04-.787-.116-1.011-.23a2.5%202.5%200%200%201-1.093-1.093c-.114-.224-.19-.516-.23-1.012c-.041-.504-.042-1.15-.042-2.073V8.014L9.213%2013.7c.588.45%201.05.802%201.579.943c.464.124.952.124%201.416%200c.53-.141.99-.493%201.58-.943l7.462-5.686v4.067a.75.75%200%200%200%201.5%200V8.168c0-.646%200-1.198-.018-1.672l-.001-.025q-.01-.247-.028-.467c-.048-.588-.149-1.099-.389-1.57a4%204%200%200%200-1.748-1.748c-.471-.24-.982-.341-1.57-.39c-.573-.046-1.281-.046-2.164-.046m4.379%203.908l-.003-.032c-.04-.495-.116-.787-.23-1.011a2.5%202.5%200%200%200-1.093-1.093c-.224-.114-.516-.19-1.012-.23c-.504-.041-1.15-.042-2.073-.042H6.2c-.922%200-1.57%200-2.074.042c-.495.04-.787.116-1.011.23a2.5%202.5%200%200%200-1.093%201.093c-.114.224-.19.516-.23%201.011l-.003.032l8.226%206.268c.749.57.96.713%201.163.768c.211.056.433.056.644%200c.204-.055.414-.198%201.163-.768z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.25%2018a.75.75%200%200%201%20.75-.75h5.19l-1.72-1.72a.75.75%200%201%201%201.06-1.06l3%203a.75.75%200%200%201%200%201.06l-3%203a.75.75%200%201%201-1.06-1.06l1.72-1.72H16a.75.75%200%200%201-.75-.75%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.832%202.25H6.168c-.883%200-1.591%200-2.164.047c-.588.048-1.099.149-1.57.389A4%204%200%200%200%20.686%204.434c-.24.471-.341.982-.39%201.57a11%2011%200%200%200-.028.493a46%2046%200%200%200-.018%201.67v6.165c0%20.883%200%201.591.047%202.164c.048.588.149%201.099.389%201.57a4%204%200%200%200%201.748%201.748c.471.24.982.341%201.57.39c.573.046%201.281.046%202.164.046h6.65a.75.75%200%200%200%200-1.5H6.2c-.922%200-1.57%200-2.074-.042c-.495-.04-.787-.116-1.011-.23a2.5%202.5%200%200%201-1.093-1.093c-.114-.224-.19-.516-.23-1.012c-.041-.504-.042-1.15-.042-2.073V8.014L9.213%2013.7c.588.45%201.05.802%201.579.943c.464.124.952.124%201.416%200c.53-.141.99-.493%201.58-.943l7.462-5.686v4.067a.75.75%200%200%200%201.5%200V8.168c0-.646%200-1.198-.018-1.672l-.001-.025q-.01-.247-.028-.467c-.048-.588-.149-1.099-.389-1.57a4%204%200%200%200-1.748-1.748c-.471-.24-.982-.341-1.57-.39c-.573-.046-1.281-.046-2.164-.046m4.379%203.908l-.003-.032c-.04-.495-.116-.787-.23-1.011a2.5%202.5%200%200%200-1.093-1.093c-.224-.114-.516-.19-1.012-.23c-.504-.041-1.15-.042-2.073-.042H6.2c-.922%200-1.57%200-2.074.042c-.495.04-.787.116-1.011.23a2.5%202.5%200%200%200-1.093%201.093c-.114.224-.19.516-.23%201.011l-.003.032l8.226%206.268c.749.57.96.713%201.163.768c.211.056.433.056.644%200c.204-.055.414-.198%201.163-.768z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.25%2018a.75.75%200%200%201%20.75-.75h5.19l-1.72-1.72a.75.75%200%201%201%201.06-1.06l3%203a.75.75%200%200%201%200%201.06l-3%203a.75.75%200%201%201-1.06-1.06l1.72-1.72H16a.75.75%200%200%201-.75-.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/envelope-right.svg?color=%231a73e8&size=48
