Home/Libraries/Freehand free icons (Iconify)/envelope-paper-document

Freehand free icons (Iconify)

EnvelopePaperDocument

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="m20.37.632l-5.297-.59c-2.649-.17-5.148.22-7.726.3c-3.998.12-3.119 1.42-3.099 3.518c0 4.208-.32 6.337.41 6.267c.45-.05.21-.39.23-2.109c0-1.379.14-2.758.17-4.148c0-2.158-.77-2.558 2.299-2.558c2.538 0 5.167-.3 7.626-.09c7.666.77 6.247.58 6.566.64c.154.573.188 1.172.1 1.759c-.15 6.636-.22.28 0 14.262c0 .1.06 5.138 0 4.818a1.15 1.15 0 0 1-.57.3c-1.788.52-2.748-.09-2.868.51s.43.48.88.48c3.808 0 3.358-1.22 3.408-2.27c.22-18.53.14-12.133.16-13.523l.21-4.517c.13-3.289-.6-2.879-2.5-3.049"/><path fill="#818cf8" d="M15.083 5.59c3.838-.29 4.187-.45 4.137-.86s-.07-.3-4.287-.29h-2.609c-4.438.21-4.668.3-4.668.65a.32.32 0 0 0 .35.36c2.352.236 4.718.282 7.077.14M7.217 8.678c0 1.11 11.114.16 11.244.19a.37.37 0 0 0 .17-.71c-2.19-.66-10.995.21-11.085.21a.32.32 0 0 0-.33.31m8.526 3.128c-.67-.58-6.366-.36-7.246-.32c-3.058.15-6.127.58-6.996 1.23a.75.75 0 0 0-.26.43a11 11 0 0 0-.12 1.889c-.02 2.603.1 5.205.36 7.796a.33.33 0 0 0 .37.27c.47-.08.1-.18.1-5.158c0-1.469 0-2.918.12-3.828c1.059.8 2.868 2.14 4.397 3.059c2.569 1.539 2.929 1.359 4.938-.29a33 33 0 0 0 3.658-3.558c.163 1.01.244 2.034.24 3.058a40 40 0 0 1-.25 5.647c-.8 0-.68.13-7.477.59c-5.447.38-5.627.16-5.617.67s-.36.6 10.995-.07c3.048-.19 3.048-.06 3.238-1.27c.223-1.874.33-3.76.32-5.647c0-1.06-.01-3.828-.77-4.498m-3.798 3.229a22 22 0 0 1-2.888 1.999c-.64 0-6.207-3.279-6.757-3.608c1.83-.85 10.055-.82 12.184-.63a30 30 0 0 1-2.539 2.239"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. EnvelopePaperDocumentIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.