Envelope icon

A free envelope icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Communication & Messaging
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: envelope, email, correspondence, message, mail, communication, default

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 8C0 6.01 0 4.72 0.2 3.76C0.28 3.37 0.39 3.04 0.54 2.73C1.02 1.79 1.79 1.02 2.73 0.54C3.8 0 5.2 0 8 0L12 0C14.8 0 16.2 0 17.27 0.54C18.21 1.02 18.98 1.79 19.46 2.73C19.61 3.04 19.72 3.37 19.8 3.76C20 4.72 20 6.01 20 8C20 10.8 20 12.2 19.46 13.27C18.98 14.21 18.21 14.98 17.27 15.46C16.2 16 14.8 16 12 16L8 16C5.2 16 3.8 16 2.73 15.46C1.79 14.98 1.02 14.21 0.54 13.27C0 12.2 0 10.8 0 8Z"/>
  <path transform="translate(2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19.8 3.76L14.3 7.27C12.74 8.26 11.96 8.75 11.12 8.95C10.38 9.12 9.62 9.12 8.88 8.95C8.04 8.75 7.26 8.26 5.7 7.27L0.2 3.76"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1 3)" fill="currentColor" d="M13.04 0L8.96 0C7.59 0 6.51 0 5.63 0.07C4.74 0.14 3.98 0.3 3.28 0.65C2.29 1.15 1.47 1.91 0.9 2.84C0.76 3.06 0.84 3.35 1.06 3.49L7.24 7.42C8.86 8.45 9.47 8.83 10.1 8.97C10.69 9.11 11.31 9.11 11.9 8.97C12.53 8.83 13.14 8.45 14.76 7.42L20.94 3.49C21.16 3.35 21.24 3.06 21.1 2.84C20.53 1.91 19.71 1.15 18.72 0.65C18.02 0.3 17.26 0.14 16.37 0.07C15.49 0 14.41 0 13.04 0Z"/>
  <path transform="translate(1 3)" fill="currentColor" d="M21.95 5.91C21.93 5.6 21.59 5.44 21.34 5.61L15.67 9.21C14.27 10.1 13.35 10.69 12.35 10.92C11.46 11.12 10.54 11.12 9.65 10.92C8.65 10.69 7.73 10.1 6.33 9.21L0.66 5.61C0.41 5.44 0.07 5.6 0.05 5.91C0 6.73 0 7.7 0 8.87L0 9.04C0 10.41 0 11.49 0.07 12.37C0.14 13.26 0.3 14.02 0.65 14.72C1.23 15.85 2.15 16.77 3.28 17.35C3.98 17.7 4.74 17.86 5.63 17.93C6.51 18 7.59 18 8.96 18L13.04 18C14.41 18 15.49 18 16.37 17.93C17.26 17.86 18.02 17.7 18.72 17.35C19.85 16.77 20.77 15.85 21.35 14.72C21.7 14.02 21.86 13.26 21.93 12.37C22 11.49 22 10.41 22 9.04L22 8.87C22 7.7 22 6.73 21.95 5.91Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2 7.76)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19.8 0C20 0.96 20 2.24 20 4.24C20 7.04 20 8.44 19.46 9.51C18.98 10.45 18.21 11.21 17.27 11.69C16.2 12.24 14.8 12.24 12 12.24L8 12.24C5.2 12.24 3.8 12.24 2.73 11.69C1.79 11.21 1.02 10.45 0.54 9.51C0 8.44 0 7.04 0 4.24C0 2.24 0 0.96 0.2 0"/>
  <path transform="translate(2.2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11.8 0L7.8 0C5 0 3.6 0 2.53 0.54C1.59 1.02 0.83 1.79 0.35 2.73C0.19 3.04 0.08 3.37 0 3.76L5.51 7.27C7.06 8.26 7.84 8.75 8.68 8.95C9.42 9.12 10.19 9.12 10.93 8.95C11.76 8.75 12.54 8.26 14.1 7.27L19.61 3.76C19.53 3.37 19.42 3.04 19.26 2.73C18.78 1.79 18.01 1.02 17.07 0.54C16 0 14.6 0 11.8 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(1 8.54)" fill="currentColor" d="M21.95 0.36C21.93 0.06 21.59 -0.1 21.34 0.06L15.67 3.67C14.27 4.56 13.35 5.15 12.35 5.38C11.46 5.58 10.54 5.58 9.65 5.38C8.65 5.15 7.73 4.56 6.33 3.67L0.66 0.06C0.41 -0.1 0.07 0.06 0.05 0.36C0 1.19 0 2.16 0 3.33L0 3.5C0 4.87 0 5.95 0.07 6.82C0.14 7.72 0.3 8.48 0.65 9.18C1.23 10.31 2.15 11.23 3.28 11.81C3.98 12.16 4.74 12.31 5.63 12.39C6.51 12.46 7.59 12.46 8.96 12.46L13.04 12.46C14.41 12.46 15.49 12.46 16.37 12.39C17.26 12.31 18.02 12.16 18.72 11.81C19.85 11.23 20.77 10.31 21.35 9.18C21.7 8.48 21.86 7.72 21.93 6.82C22 5.95 22 4.87 22 3.5L22 3.33C22 2.16 22 1.19 21.95 0.36Z"/>
  <path transform="translate(1.83 3)" fill="currentColor" d="M12.21 0L8.13 0C6.76 0 5.68 0 4.81 0.07C3.91 0.14 3.15 0.3 2.45 0.65C1.47 1.15 0.64 1.91 0.07 2.84C-0.07 3.06 0.01 3.35 0.23 3.49L6.41 7.42C8.03 8.45 8.64 8.83 9.27 8.97C9.86 9.11 10.48 9.11 11.07 8.97C11.7 8.83 12.31 8.45 13.93 7.42L20.11 3.49C20.33 3.35 20.41 3.06 20.27 2.84C19.7 1.91 18.88 1.15 17.89 0.65C17.2 0.3 16.43 0.14 15.54 0.07C14.66 0 13.58 0 12.21 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2 4)" fill="currentColor" d="M8 16L12 16C14.8 16 16.2 16 17.27 15.46C18.21 14.98 18.98 14.21 19.46 13.27C20 12.2 20 10.8 20 8C20 5.2 20 3.8 19.46 2.73C18.98 1.79 18.21 1.02 17.27 0.54C16.2 0 14.8 0 12 0L8 0C5.2 0 3.8 0 2.73 0.54C1.79 1.02 1.02 1.79 0.54 2.73C0 3.8 0 5.2 0 8C0 10.8 0 12.2 0.54 13.27C1.02 14.21 1.79 14.98 2.73 15.46C3.8 16 5.2 16 8 16Z"/>
  <path transform="translate(2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 8C0 6.01 0 4.72 0.2 3.76C0.28 3.37 0.39 3.04 0.54 2.73C1.02 1.79 1.79 1.02 2.73 0.54C3.8 0 5.2 0 8 0L12 0C14.8 0 16.2 0 17.27 0.54C18.21 1.02 18.98 1.79 19.46 2.73C19.61 3.04 19.72 3.37 19.8 3.76C20 4.72 20 6.01 20 8C20 10.8 20 12.2 19.46 13.27C18.98 14.21 18.21 14.98 17.27 15.46C16.2 16 14.8 16 12 16L8 16C5.2 16 3.8 16 2.73 15.46C1.79 14.98 1.02 14.21 0.54 13.27C0 12.2 0 10.8 0 8Z"/>
  <path transform="translate(2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19.8 3.76L14.3 7.27C12.74 8.26 11.96 8.75 11.12 8.95C10.38 9.12 9.62 9.12 8.88 8.95C8.04 8.75 7.26 8.26 5.7 7.27L0.2 3.76"/>
</svg>