envelope circle check icon

envelope-circle-check from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: envelope-circle-check
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

envelope-circle-checkFont Awesome 6 Solid

Related icons in Font Awesome Solid

envelope-open envelope-open-text envelope-square

Use the envelope circle check icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 176c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48v81.4c-24.4-11.2-51.4-17.4-80-17.4c-87.7 0-161.7 58.8-184.7 139.2c-7.1-1.3-14.1-4.2-20.1-8.8l-208-156C71.1 205.3 64 191.1 64 176m240 256c0 28.6 6.2 55.6 17.4 80H128c-35.3 0-64-28.7-64-64V260l198.4 148.8c12.6 9.4 26.9 15.4 41.7 17.9c0 1.8-.1 3.5-.1 5.3m48 0c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144m201.4-60.9c-7.1-5.2-17.2-3.6-22.4 3.5l-53 72.9l-26.8-26.8c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l40 40c3.3 3.3 7.9 5 12.6 4.6s8.9-2.8 11.7-6.5l64-88c5.2-7.1 3.6-17.2-3.5-22.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidEnvelopeCircleCheck(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 176c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48v81.4c-24.4-11.2-51.4-17.4-80-17.4c-87.7 0-161.7 58.8-184.7 139.2c-7.1-1.3-14.1-4.2-20.1-8.8l-208-156C71.1 205.3 64 191.1 64 176m240 256c0 28.6 6.2 55.6 17.4 80H128c-35.3 0-64-28.7-64-64V260l198.4 148.8c12.6 9.4 26.9 15.4 41.7 17.9c0 1.8-.1 3.5-.1 5.3m48 0c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144m201.4-60.9c-7.1-5.2-17.2-3.6-22.4 3.5l-53 72.9l-26.8-26.8c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l40 40c3.3 3.3 7.9 5 12.6 4.6s8.9-2.8 11.7-6.5l64-88c5.2-7.1 3.6-17.2-3.5-22.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 176c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48v81.4c-24.4-11.2-51.4-17.4-80-17.4c-87.7 0-161.7 58.8-184.7 139.2c-7.1-1.3-14.1-4.2-20.1-8.8l-208-156C71.1 205.3 64 191.1 64 176m240 256c0 28.6 6.2 55.6 17.4 80H128c-35.3 0-64-28.7-64-64V260l198.4 148.8c12.6 9.4 26.9 15.4 41.7 17.9c0 1.8-.1 3.5-.1 5.3m48 0c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144m201.4-60.9c-7.1-5.2-17.2-3.6-22.4 3.5l-53 72.9l-26.8-26.8c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l40 40c3.3 3.3 7.9 5 12.6 4.6s8.9-2.8 11.7-6.5l64-88c5.2-7.1 3.6-17.2-3.5-22.3"/></svg>
</template>

CSS

.icon-envelope-circle-check {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20176c0-26.5%2021.5-48%2048-48h416c26.5%200%2048%2021.5%2048%2048v81.4c-24.4-11.2-51.4-17.4-80-17.4c-87.7%200-161.7%2058.8-184.7%20139.2c-7.1-1.3-14.1-4.2-20.1-8.8l-208-156C71.1%20205.3%2064%20191.1%2064%20176m240%20256c0%2028.6%206.2%2055.6%2017.4%2080H128c-35.3%200-64-28.7-64-64V260l198.4%20148.8c12.6%209.4%2026.9%2015.4%2041.7%2017.9c0%201.8-.1%203.5-.1%205.3m48%200c0-79.5%2064.5-144%20144-144s144%2064.5%20144%20144s-64.5%20144-144%20144s-144-64.5-144-144m201.4-60.9c-7.1-5.2-17.2-3.6-22.4%203.5l-53%2072.9l-26.8-26.8c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6l40%2040c3.3%203.3%207.9%205%2012.6%204.6s8.9-2.8%2011.7-6.5l64-88c5.2-7.1%203.6-17.2-3.5-22.3%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20176c0-26.5%2021.5-48%2048-48h416c26.5%200%2048%2021.5%2048%2048v81.4c-24.4-11.2-51.4-17.4-80-17.4c-87.7%200-161.7%2058.8-184.7%20139.2c-7.1-1.3-14.1-4.2-20.1-8.8l-208-156C71.1%20205.3%2064%20191.1%2064%20176m240%20256c0%2028.6%206.2%2055.6%2017.4%2080H128c-35.3%200-64-28.7-64-64V260l198.4%20148.8c12.6%209.4%2026.9%2015.4%2041.7%2017.9c0%201.8-.1%203.5-.1%205.3m48%200c0-79.5%2064.5-144%20144-144s144%2064.5%20144%20144s-64.5%20144-144%20144s-144-64.5-144-144m201.4-60.9c-7.1-5.2-17.2-3.6-22.4%203.5l-53%2072.9l-26.8-26.8c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6l40%2040c3.3%203.3%207.9%205%2012.6%204.6s8.9-2.8%2011.7-6.5l64-88c5.2-7.1%203.6-17.2-3.5-22.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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