Home/Libraries/Freehand free icons (Iconify)/mailbox-post-1

Freehand free icons (Iconify)

MailboxPost1

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="M15.66 12.02a1.27 1.27 0 0 0-.67-.21a24 24 0 0 0-3.227 0a9.4 9.4 0 0 0-3.687.74a.52.52 0 0 0-.21.34q-.084.496-.07.999c0 1.319.17 3.517.24 3.996s.32.59.58.59c.828 0 3.696-.08 5.425-.16c.58 0 .999 0 1.249-.08a.8.8 0 0 0 .36-.11a1.1 1.1 0 0 0 .299-.66q.183-1.452.19-2.917a9.6 9.6 0 0 0-.14-1.808a1.22 1.22 0 0 0-.34-.72m-1.38 1l-.62.499c-.449.35-.948.67-1.318.92a1 1 0 0 1-1-.08l-1.268-.72l-1-.5c.35-.06.82-.09 1.35-.13c1.299-.08 2.867-.07 3.856.01m.64 4.156a1 1 0 0 1 0 .16l-6.235.48a34 34 0 0 1 0-3.997q.919.78 1.929 1.439a3.4 3.4 0 0 0 1.498.609a1.2 1.2 0 0 0 .47-.16q.448-.27.84-.62q.81-.71 1.518-1.528v.41a24 24 0 0 1-.02 3.167z"/><path fill="#818cf8" d="M20.065 22.012a1.47 1.47 0 0 0-.34-.81a.9.9 0 0 0-.329-.2a5 5 0 0 0-.51-.12h-.08q.03-.369 0-.739l-.05-2.747c0-1.569.06-3.138.06-4.716c0-2.168 0-4.327-.06-6.495h.19a.9.9 0 0 0 .35-.16a1 1 0 0 0 .42-.66a4.3 4.3 0 0 0 0-.928a4.8 4.8 0 0 0-.39-1.949A3.16 3.16 0 0 0 17.927.94A7 7 0 0 0 16.45.39c-.74-.189-1.496-.31-2.259-.36a20 20 0 0 0-2.887.05q-1.43.15-2.838.45q-.659.121-1.279.38q-.61.237-1.179.56a5 5 0 0 0-.639.419q-.23.174-.41.4a3 3 0 0 0-.49 1.348a9 9 0 0 0 0 1.929a.13.13 0 0 0 0 .06a.2.2 0 0 0 0 .13a.35.35 0 0 0 .33.17q.27-.043.54-.05l-.28 4.825v3.997c0 .56 0 1.119-.06 1.679c-.06.559 0 .919 0 1.368v1.999q-.027.555 0 1.109a1 1 0 0 0 0 .19a1.7 1.7 0 0 0-.58.24a1.17 1.17 0 0 0-.459.839a13 13 0 0 0 0 1.568a.31.31 0 0 0 .62 0v-1.309c0-.2 0-.4.17-.47a1.44 1.44 0 0 1 .619-.14c.203.158.453.242.71.24c.409.08 2.737.12 5.215.22h1.858c.92 0 1.839 0 2.768-.07a10 10 0 0 0 1.519 0c.299-.04.583-.153.829-.33q.059-.056.11-.119h.31c.5.07.51.13.56.56s0 .919 0 1.228a.36.36 0 1 0 .708 0q.107-.74.11-1.488M5.168 5.236a6.7 6.7 0 0 1 .06-1.479c.04-.36.17-.704.38-.999q.145-.176.34-.3q.22-.146.46-.26a9 9 0 0 1 1.098-.479q.55-.2 1.13-.29q1.36-.225 2.737-.3a19 19 0 0 1 2.727 0q.868.08 1.719.26c.546.141 1.07.356 1.559.64c.402.22.716.574.889.999c.266.632.395 1.313.38 1.998h-1.1c-3.127.05-10.47.12-12.379.21m12.39.92h.4c0 2.147-.05 4.306-.11 6.464c0 1.568-.1 3.127-.19 4.686v2.847q.015.24 0 .48v.14H13.88c-1.44 0-5.076.1-5.396.08s-.849 0-1.269 0c-1.229 0-.999 0-.999-1.12c0-.659-.08-1.328-.1-1.998v-3.027c0-1.329-.12-2.638-.17-3.997V9.223c.01-1.13.13-2.199.13-3.348c2.578.05 8.703.26 11.48.28"/><path fill="#818cf8" d="m8.076 9.442l3.517.29h2.068q1.07.008 2.128-.15a.35.35 0 0 0-.05-.7c-1.089 0-2.178-.219-3.277-.319h-1.919c-.829.06-1.638.17-2.467.24a.32.32 0 0 0 0 .63z"/></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. MailboxPost1Icon.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.