envelope star icon
envelope-star from Unicons by Iconscout · Line · Communication · Apache-2.0 Free for personal and commercial use.
- Name
- envelope-star
- Set
- Unicons
- Style
- Line
- Category
- Communication
- Viewbox
- 24×24
- License
- Apache 2.0
More communication icons from Unicons
callingdesktop-cloud-altenvelopeenvelope-addenvelope-altenvelope-blockenvelope-bookmarkenvelope-checkenvelope-downloadenvelope-download-altenvelope-editenvelope-exclamationenvelope-heartenvelope-infoenvelope-lockenvelope-minusenvelope-openenvelope-questionenvelope-receiveenvelope-redoenvelope-searchenvelope-sendenvelope-shareenvelope-shield
Use the envelope star icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.64 9.74l-.29 1.73A1.55 1.55 0 0 0 14 13a1.46 1.46 0 0 0 1.58.09l1.42-.81l1.44.79A1.46 1.46 0 0 0 20 13a1.55 1.55 0 0 0 .63-1.51l-.29-1.73l1.2-1.22a1.54 1.54 0 0 0-.85-2.6l-1.62-.24l-.73-1.55a1.5 1.5 0 0 0-2.72 0l-.73 1.55l-1.62.24a1.54 1.54 0 0 0-.85 2.6Zm1.83-2.13a1.51 1.51 0 0 0 1.14-.85l.39-.83l.39.83a1.55 1.55 0 0 0 1.14.86l1 .14l-.73.74a1.57 1.57 0 0 0-.42 1.34l.16 1l-.79-.43a1.48 1.48 0 0 0-1.44 0l-.79.43l.16-1a1.54 1.54 0 0 0-.42-1.33l-.73-.75ZM21 15.26a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9.67l5.88 5.88a2.94 2.94 0 0 0 2.1.88h.27a1 1 0 0 0 .91-1.08a1 1 0 0 0-1.09-.91a.94.94 0 0 1-.77-.28l-5.89-5.9H9a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-3a1 1 0 0 0-1-1"/></svg>
React
import type { SVGProps } from "react";
export function UilEnvelopeStar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.64 9.74l-.29 1.73A1.55 1.55 0 0 0 14 13a1.46 1.46 0 0 0 1.58.09l1.42-.81l1.44.79A1.46 1.46 0 0 0 20 13a1.55 1.55 0 0 0 .63-1.51l-.29-1.73l1.2-1.22a1.54 1.54 0 0 0-.85-2.6l-1.62-.24l-.73-1.55a1.5 1.5 0 0 0-2.72 0l-.73 1.55l-1.62.24a1.54 1.54 0 0 0-.85 2.6Zm1.83-2.13a1.51 1.51 0 0 0 1.14-.85l.39-.83l.39.83a1.55 1.55 0 0 0 1.14.86l1 .14l-.73.74a1.57 1.57 0 0 0-.42 1.34l.16 1l-.79-.43a1.48 1.48 0 0 0-1.44 0l-.79.43l.16-1a1.54 1.54 0 0 0-.42-1.33l-.73-.75ZM21 15.26a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9.67l5.88 5.88a2.94 2.94 0 0 0 2.1.88h.27a1 1 0 0 0 .91-1.08a1 1 0 0 0-1.09-.91a.94.94 0 0 1-.77-.28l-5.89-5.9H9a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-3a1 1 0 0 0-1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.64 9.74l-.29 1.73A1.55 1.55 0 0 0 14 13a1.46 1.46 0 0 0 1.58.09l1.42-.81l1.44.79A1.46 1.46 0 0 0 20 13a1.55 1.55 0 0 0 .63-1.51l-.29-1.73l1.2-1.22a1.54 1.54 0 0 0-.85-2.6l-1.62-.24l-.73-1.55a1.5 1.5 0 0 0-2.72 0l-.73 1.55l-1.62.24a1.54 1.54 0 0 0-.85 2.6Zm1.83-2.13a1.51 1.51 0 0 0 1.14-.85l.39-.83l.39.83a1.55 1.55 0 0 0 1.14.86l1 .14l-.73.74a1.57 1.57 0 0 0-.42 1.34l.16 1l-.79-.43a1.48 1.48 0 0 0-1.44 0l-.79.43l.16-1a1.54 1.54 0 0 0-.42-1.33l-.73-.75ZM21 15.26a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9.67l5.88 5.88a2.94 2.94 0 0 0 2.1.88h.27a1 1 0 0 0 .91-1.08a1 1 0 0 0-1.09-.91a.94.94 0 0 1-.77-.28l-5.89-5.9H9a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-3a1 1 0 0 0-1-1"/></svg> </template>
CSS
.icon-envelope-star {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.64%209.74l-.29%201.73A1.55%201.55%200%200%200%2014%2013a1.46%201.46%200%200%200%201.58.09l1.42-.81l1.44.79A1.46%201.46%200%200%200%2020%2013a1.55%201.55%200%200%200%20.63-1.51l-.29-1.73l1.2-1.22a1.54%201.54%200%200%200-.85-2.6l-1.62-.24l-.73-1.55a1.5%201.5%200%200%200-2.72%200l-.73%201.55l-1.62.24a1.54%201.54%200%200%200-.85%202.6Zm1.83-2.13a1.51%201.51%200%200%200%201.14-.85l.39-.83l.39.83a1.55%201.55%200%200%200%201.14.86l1%20.14l-.73.74a1.57%201.57%200%200%200-.42%201.34l.16%201l-.79-.43a1.48%201.48%200%200%200-1.44%200l-.79.43l.16-1a1.54%201.54%200%200%200-.42-1.33l-.73-.75ZM21%2015.26a1%201%200%200%200-1%201v3a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V9.67l5.88%205.88a2.94%202.94%200%200%200%202.1.88h.27a1%201%200%200%200%20.91-1.08a1%201%200%200%200-1.09-.91a.94.94%200%200%201-.77-.28l-5.89-5.9H9a1%201%200%200%200%200-2H5a3%203%200%200%200-3%203v10a3%203%200%200%200%203%203h14a3%203%200%200%200%203-3v-3a1%201%200%200%200-1-1%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.64%209.74l-.29%201.73A1.55%201.55%200%200%200%2014%2013a1.46%201.46%200%200%200%201.58.09l1.42-.81l1.44.79A1.46%201.46%200%200%200%2020%2013a1.55%201.55%200%200%200%20.63-1.51l-.29-1.73l1.2-1.22a1.54%201.54%200%200%200-.85-2.6l-1.62-.24l-.73-1.55a1.5%201.5%200%200%200-2.72%200l-.73%201.55l-1.62.24a1.54%201.54%200%200%200-.85%202.6Zm1.83-2.13a1.51%201.51%200%200%200%201.14-.85l.39-.83l.39.83a1.55%201.55%200%200%200%201.14.86l1%20.14l-.73.74a1.57%201.57%200%200%200-.42%201.34l.16%201l-.79-.43a1.48%201.48%200%200%200-1.44%200l-.79.43l.16-1a1.54%201.54%200%200%200-.42-1.33l-.73-.75ZM21%2015.26a1%201%200%200%200-1%201v3a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V9.67l5.88%205.88a2.94%202.94%200%200%200%202.1.88h.27a1%201%200%200%200%20.91-1.08a1%201%200%200%200-1.09-.91a.94.94%200%200%201-.77-.28l-5.89-5.9H9a1%201%200%200%200%200-2H5a3%203%200%200%200-3%203v10a3%203%200%200%200%203%203h14a3%203%200%200%200%203-3v-3a1%201%200%200%200-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/envelope-star.svg?color=%231a73e8&size=48
