Add icons to this collection by clicking the heart icon.
Newsletter icon - also known as message, paper, mail, communications, content, article, and newsletter. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="22"
x2="30"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4d3f1" />
<stop offset="1" stop-color="#8ab2e9" />
</linearGradient>
<linearGradient id="d" x1="4" x2="27" y1="15" y2="15" href="#a" />
<linearGradient
id="c"
x1="14"
x2="20"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e59f" />
<stop offset="1" stop-color="#36b91b" />
</linearGradient>
<linearGradient
id="b"
x1="3.8"
x2="18.2"
y1="20.4"
y2="20.4"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe07d" />
<stop offset="1" stop-color="#ffc269" />
</linearGradient>
<linearGradient
id="e"
x1="3.42"
x2="18.58"
y1="27.04"
y2="27.04"
href="#b"
/>
<linearGradient id="f" x1="2" x2="20" y1="24" y2="24" href="#b" />
<linearGradient id="g" x1="18" y1="15" y2="15" href="#c" />
<linearGradient
id="h"
x1="15"
x2="17"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc269" />
<stop offset="1" stop-color="#e5646e" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M30 11v13a4 4 0 0 1-8 0V11a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
/>
<path
fill="#8ab2e9"
d="M26 28a4 4 0 0 1-4-4V11a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v13a4 4 0 0 1-4 4zm-2-16v12a2 2 0 0 0 4 0V12z"
/>
<path
fill="#fff"
d="M22 15a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm3 3h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zm0 4h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
<path
fill="url(#d)"
d="M27 27a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v21a2 2 0 0 0 2 2 1 1 0 0 1 1 1z"
/>
<path
fill="#83a9de"
d="M24 3v1H11a5 5 0 0 0-5 5v19H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z"
/>
<path
fill="url(#c)"
d="M20 7v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
/>
<path
fill="#36b91b"
d="M20 11a5 5 0 0 1-5-5 1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1z"
opacity=".5"
/>
<path
fill="#fff"
d="M12 8H9a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zm1 3a1 1 0 0 0-1-1H9a1 1 0 0 0 0 2h3a1 1 0 0 0 1-1zm1 4a1 1 0 0 0-1-1H9a1 1 0 0 0 0 2h4a1 1 0 0 0 1-1z"
/>
<path fill="url(#b)" d="M18.2 18 11 22.8 3.8 18z" />
<path
fill="url(#e)"
d="M18.58 30H3.42l5.91-5.91 1.12.74a1 1 0 0 0 1.1 0l1.12-.74z"
/>
<path
fill="url(#f)"
d="M20 19v10a1 1 0 0 1-1 1h-.42l-5.91-5.91-1.12.74a1 1 0 0 1-1.1 0l-1.12-.74L3.42 30H3a1 1 0 0 1-1-1V19a1 1 0 0 1 1-1h.8l7.2 4.8 7.2-4.8h.8a1 1 0 0 1 1 1z"
/>
<path
d="M20 19H8a5 5 0 0 0-5 5v6a1 1 0 0 1-1-1V19a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1z"
opacity=".05"
/>
<path
fill="#fff"
d="M20 19.2 14.37 23 20 28.58V29a1 1 0 0 1-1 1h-.42l-5.91-5.91-1.12.74a1 1 0 0 1-1.1 0l-1.12-.74L3.42 30H3a1 1 0 0 1-1-1v-.42L7.63 23 2 19.2V19a1 1 0 0 1 1-1h.8l7.2 4.8 7.2-4.8h.8a1 1 0 0 1 1 1z"
/>
<path fill="url(#g)" d="M20 15a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#h)" d="M17 15a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
</g>
</svg>
More icons in the same style and category