gentleface

Gentleface › Communication › mail-recovery

mail-recovery icon

Mail recovery: recovery email, backup email. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.14 2.264C1.179 2.166 1.225 2.073 1.277 1.984C1.28 1.978 1.284 1.972 1.288 1.966C1.371 1.828 1.47 1.702 1.586 1.586C1.707 1.465 1.839 1.362 1.984 1.277C2.073 1.225 2.166 1.179 2.264 1.14C2.5 1.047 2.746 1 3 1L11 1C11.254 1 11.5 1.047 11.736 1.14C11.834 1.179 11.927 1.225 12.016 1.277C12.029 1.285 12.042 1.293 12.056 1.301C12.185 1.381 12.304 1.476 12.414 1.586C12.535 1.707 12.638 1.839 12.723 1.984C12.775 2.073 12.821 2.166 12.86 2.264C12.953 2.5 13 2.746 13 3L13 4.5C13 4.641 12.952 4.759 12.856 4.856C12.759 4.952 12.641 5 12.5 5C12.359 5 12.241 4.952 12.144 4.856C12.048 4.759 12 4.641 12 4.5L12 3C12 2.909 11.989 2.822 11.968 2.739L8.207 6.5C8.047 6.66 7.862 6.783 7.653 6.87C7.444 6.957 7.226 7 7 7C6.774 7 6.556 6.957 6.347 6.87C6.138 6.783 5.953 6.66 5.793 6.5L2.032 2.739C2.011 2.822 2 2.909 2 3L2 8C2 8.276 2.098 8.512 2.293 8.707C2.488 8.902 2.724 9 3 9L6.5 9C6.641 9 6.759 9.048 6.856 9.144C6.952 9.241 7 9.359 7 9.5C7 9.641 6.952 9.759 6.856 9.856C6.759 9.952 6.641 10 6.5 10L3 10C2.746 10 2.5 9.953 2.264 9.86C2.007 9.758 1.781 9.609 1.586 9.414C1.391 9.219 1.242 8.993 1.14 8.736C1.047 8.5 1 8.254 1 8L1 3C1 2.746 1.047 2.5 1.14 2.264ZM11.261 2.032C11.178 2.011 11.091 2 11 2L3 2C2.909 2 2.822 2.011 2.739 2.032L6.5 5.793C6.638 5.931 6.805 6 7 6C7.195 6 7.362 5.931 7.5 5.793L11.261 2.032ZM13.104 9.211C13.489 9.363 13.828 9.586 14.121 9.879C14.414 10.172 14.637 10.511 14.789 10.896C14.93 11.25 15 11.619 15 12C15 12.381 14.93 12.75 14.789 13.104C14.637 13.489 14.414 13.828 14.121 14.121C13.828 14.414 13.489 14.637 13.104 14.789C12.75 14.93 12.381 15 12 15C11.663 15 11.335 14.945 11.016 14.834C10.677 14.716 10.368 14.543 10.091 14.314C9.814 14.086 9.585 13.816 9.405 13.506C9.236 13.214 9.119 12.902 9.055 12.571C9.028 12.433 9.053 12.307 9.129 12.194C9.205 12.082 9.312 12.012 9.451 11.985C9.589 11.958 9.714 11.983 9.827 12.059C9.94 12.135 10.01 12.242 10.037 12.381C10.128 12.851 10.358 13.238 10.727 13.543C11.097 13.848 11.521 14 12 14C12.254 14 12.5 13.953 12.736 13.86C12.993 13.758 13.219 13.609 13.414 13.414C13.609 13.219 13.758 12.993 13.86 12.736C13.953 12.5 14 12.254 14 12C14 11.746 13.953 11.5 13.86 11.264C13.758 11.007 13.609 10.781 13.414 10.586C13.219 10.391 12.993 10.242 12.736 10.14C12.5 10.047 12.254 10 12 10L10.707 10L11.854 11.146C11.953 11.246 12.003 11.364 12.003 11.5C12.003 11.636 11.953 11.754 11.854 11.854C11.754 11.953 11.636 12.003 11.5 12.003C11.364 12.003 11.246 11.953 11.146 11.854L9.146 9.854C9.047 9.754 8.997 9.636 8.997 9.5C8.997 9.364 9.047 9.246 9.146 9.146L11.146 7.146C11.246 7.047 11.364 6.997 11.5 6.997C11.636 6.997 11.754 7.047 11.854 7.146C11.951 7.244 12 7.362 12 7.5C12 7.638 11.951 7.756 11.854 7.854L10.707 9L12 9C12.381 9 12.75 9.07 13.104 9.211Z"/></svg>
React
// Gentleface "mail-recovery" (line-round), MIT. https://gentleface.com/icons/mail-recovery
import type { SVGProps } from 'react';

export function MailRecoveryIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.14 2.264C1.179 2.166 1.225 2.073 1.277 1.984C1.28 1.978 1.284 1.972 1.288 1.966C1.371 1.828 1.47 1.702 1.586 1.586C1.707 1.465 1.839 1.362 1.984 1.277C2.073 1.225 2.166 1.179 2.264 1.14C2.5 1.047 2.746 1 3 1L11 1C11.254 1 11.5 1.047 11.736 1.14C11.834 1.179 11.927 1.225 12.016 1.277C12.029 1.285 12.042 1.293 12.056 1.301C12.185 1.381 12.304 1.476 12.414 1.586C12.535 1.707 12.638 1.839 12.723 1.984C12.775 2.073 12.821 2.166 12.86 2.264C12.953 2.5 13 2.746 13 3L13 4.5C13 4.641 12.952 4.759 12.856 4.856C12.759 4.952 12.641 5 12.5 5C12.359 5 12.241 4.952 12.144 4.856C12.048 4.759 12 4.641 12 4.5L12 3C12 2.909 11.989 2.822 11.968 2.739L8.207 6.5C8.047 6.66 7.862 6.783 7.653 6.87C7.444 6.957 7.226 7 7 7C6.774 7 6.556 6.957 6.347 6.87C6.138 6.783 5.953 6.66 5.793 6.5L2.032 2.739C2.011 2.822 2 2.909 2 3L2 8C2 8.276 2.098 8.512 2.293 8.707C2.488 8.902 2.724 9 3 9L6.5 9C6.641 9 6.759 9.048 6.856 9.144C6.952 9.241 7 9.359 7 9.5C7 9.641 6.952 9.759 6.856 9.856C6.759 9.952 6.641 10 6.5 10L3 10C2.746 10 2.5 9.953 2.264 9.86C2.007 9.758 1.781 9.609 1.586 9.414C1.391 9.219 1.242 8.993 1.14 8.736C1.047 8.5 1 8.254 1 8L1 3C1 2.746 1.047 2.5 1.14 2.264ZM11.261 2.032C11.178 2.011 11.091 2 11 2L3 2C2.909 2 2.822 2.011 2.739 2.032L6.5 5.793C6.638 5.931 6.805 6 7 6C7.195 6 7.362 5.931 7.5 5.793L11.261 2.032ZM13.104 9.211C13.489 9.363 13.828 9.586 14.121 9.879C14.414 10.172 14.637 10.511 14.789 10.896C14.93 11.25 15 11.619 15 12C15 12.381 14.93 12.75 14.789 13.104C14.637 13.489 14.414 13.828 14.121 14.121C13.828 14.414 13.489 14.637 13.104 14.789C12.75 14.93 12.381 15 12 15C11.663 15 11.335 14.945 11.016 14.834C10.677 14.716 10.368 14.543 10.091 14.314C9.814 14.086 9.585 13.816 9.405 13.506C9.236 13.214 9.119 12.902 9.055 12.571C9.028 12.433 9.053 12.307 9.129 12.194C9.205 12.082 9.312 12.012 9.451 11.985C9.589 11.958 9.714 11.983 9.827 12.059C9.94 12.135 10.01 12.242 10.037 12.381C10.128 12.851 10.358 13.238 10.727 13.543C11.097 13.848 11.521 14 12 14C12.254 14 12.5 13.953 12.736 13.86C12.993 13.758 13.219 13.609 13.414 13.414C13.609 13.219 13.758 12.993 13.86 12.736C13.953 12.5 14 12.254 14 12C14 11.746 13.953 11.5 13.86 11.264C13.758 11.007 13.609 10.781 13.414 10.586C13.219 10.391 12.993 10.242 12.736 10.14C12.5 10.047 12.254 10 12 10L10.707 10L11.854 11.146C11.953 11.246 12.003 11.364 12.003 11.5C12.003 11.636 11.953 11.754 11.854 11.854C11.754 11.953 11.636 12.003 11.5 12.003C11.364 12.003 11.246 11.953 11.146 11.854L9.146 9.854C9.047 9.754 8.997 9.636 8.997 9.5C8.997 9.364 9.047 9.246 9.146 9.146L11.146 7.146C11.246 7.047 11.364 6.997 11.5 6.997C11.636 6.997 11.754 7.047 11.854 7.146C11.951 7.244 12 7.362 12 7.5C12 7.638 11.951 7.756 11.854 7.854L10.707 9L12 9C12.381 9 12.75 9.07 13.104 9.211Z" />
    </svg>
  );
}
Vue
Vue: see /icons/mail-recovery.md
Svelte
Svelte: see /icons/mail-recovery.md
HTML img
HTML img: see /icons/mail-recovery.md
CSS
CSS: see /icons/mail-recovery.md
Data URL
Data URL: see /icons/mail-recovery.md
Sprite
Sprite: see /icons/mail-recovery.md
SwiftUI
SwiftUI: see /icons/mail-recovery.md
Compose
Compose: see /icons/mail-recovery.md
Android XML
Android XML: see /icons/mail-recovery.md
Flutter
Flutter: see /icons/mail-recovery.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
recovery email, backup email
Tags
envelope, email, recovery, recover, restore, backup, account-recovery, security
Category
Communication
Component name
MailRecoveryIcon
History
  • 20 px drawn, 24 px drawn, added

Family 33

More communication icons

For agents

Metadata: /icons/mail-recovery.json · Markdown: /icons/mail-recovery.md · SVG: https://gentleface.com/svg/{style}/16/mail-recovery.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/mail-recovery.png