envelope heart icon
envelope-heart-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- envelope-heart-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
Related icons in Bootstrap Icons
Use the envelope heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555l-4.2 2.568l-.051-.105c-.666-1.3-2.363-1.917-3.699-1.25c-1.336-.667-3.033-.05-3.699 1.25l-.05.105zM11.584 8.91l-.073.139L16 11.8V4.697l-4.003 2.447c.027.562-.107 1.163-.413 1.767Zm-4.135 3.05c-1.048-.693-1.84-1.39-2.398-2.082L.19 12.856A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144L10.95 9.878c-.559.692-1.35 1.389-2.398 2.081L8 12.324l-.551-.365ZM4.416 8.91c-.306-.603-.44-1.204-.413-1.766L0 4.697v7.104l4.49-2.752z"/><path d="M8 5.993c1.664-1.711 5.825 1.283 0 5.132c-5.825-3.85-1.664-6.843 0-5.132"/></g></svg>
React
import type { SVGProps } from "react";
export function BiEnvelopeHeartFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555l-4.2 2.568l-.051-.105c-.666-1.3-2.363-1.917-3.699-1.25c-1.336-.667-3.033-.05-3.699 1.25l-.05.105zM11.584 8.91l-.073.139L16 11.8V4.697l-4.003 2.447c.027.562-.107 1.163-.413 1.767Zm-4.135 3.05c-1.048-.693-1.84-1.39-2.398-2.082L.19 12.856A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144L10.95 9.878c-.559.692-1.35 1.389-2.398 2.081L8 12.324l-.551-.365ZM4.416 8.91c-.306-.603-.44-1.204-.413-1.766L0 4.697v7.104l4.49-2.752z"/><path d="M8 5.993c1.664-1.711 5.825 1.283 0 5.132c-5.825-3.85-1.664-6.843 0-5.132"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555l-4.2 2.568l-.051-.105c-.666-1.3-2.363-1.917-3.699-1.25c-1.336-.667-3.033-.05-3.699 1.25l-.05.105zM11.584 8.91l-.073.139L16 11.8V4.697l-4.003 2.447c.027.562-.107 1.163-.413 1.767Zm-4.135 3.05c-1.048-.693-1.84-1.39-2.398-2.082L.19 12.856A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144L10.95 9.878c-.559.692-1.35 1.389-2.398 2.081L8 12.324l-.551-.365ZM4.416 8.91c-.306-.603-.44-1.204-.413-1.766L0 4.697v7.104l4.49-2.752z"/><path d="M8 5.993c1.664-1.711 5.825 1.283 0 5.132c-5.825-3.85-1.664-6.843 0-5.132"/></g></svg> </template>
CSS
.icon-envelope-heart-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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M.05%203.555A2%202%200%200%201%202%202h12a2%202%200%200%201%201.95%201.555l-4.2%202.568l-.051-.105c-.666-1.3-2.363-1.917-3.699-1.25c-1.336-.667-3.033-.05-3.699%201.25l-.05.105zM11.584%208.91l-.073.139L16%2011.8V4.697l-4.003%202.447c.027.562-.107%201.163-.413%201.767Zm-4.135%203.05c-1.048-.693-1.84-1.39-2.398-2.082L.19%2012.856A2%202%200%200%200%202%2014h12a2%202%200%200%200%201.808-1.144L10.95%209.878c-.559.692-1.35%201.389-2.398%202.081L8%2012.324l-.551-.365ZM4.416%208.91c-.306-.603-.44-1.204-.413-1.766L0%204.697v7.104l4.49-2.752z%22%2F%3E%3Cpath%20d%3D%22M8%205.993c1.664-1.711%205.825%201.283%200%205.132c-5.825-3.85-1.664-6.843%200-5.132%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M.05%203.555A2%202%200%200%201%202%202h12a2%202%200%200%201%201.95%201.555l-4.2%202.568l-.051-.105c-.666-1.3-2.363-1.917-3.699-1.25c-1.336-.667-3.033-.05-3.699%201.25l-.05.105zM11.584%208.91l-.073.139L16%2011.8V4.697l-4.003%202.447c.027.562-.107%201.163-.413%201.767Zm-4.135%203.05c-1.048-.693-1.84-1.39-2.398-2.082L.19%2012.856A2%202%200%200%200%202%2014h12a2%202%200%200%200%201.808-1.144L10.95%209.878c-.559.692-1.35%201.389-2.398%202.081L8%2012.324l-.551-.365ZM4.416%208.91c-.306-.603-.44-1.204-.413-1.766L0%204.697v7.104l4.49-2.752z%22%2F%3E%3Cpath%20d%3D%22M8%205.993c1.664-1.711%205.825%201.283%200%205.132c-5.825-3.85-1.664-6.843%200-5.132%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/envelope-heart-fill.svg?color=%231a73e8&size=48
