Home/Libraries/Freehand free icons (Iconify)/accounting-invoice-mail

Freehand free icons (Iconify)

AccountingInvoiceMail

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M14.46 5.323a.34.34 0 0 0-.18-.45a5.4 5.4 0 0 0-1.6-.45v-.87a.36.36 0 0 0-.3-.39a.33.33 0 0 0-.38.29c-.08.3-.13.62-.21.93a2 2 0 0 0-.34 0a1.82 1.82 0 0 0-1.71 1.54A1.6 1.6 0 0 0 10 7.181a1.6 1.6 0 0 0 1.19.55h.11v.6c0 .38.06.74.1 1.11h-.26a2.6 2.6 0 0 1-.86-.43a.39.39 0 0 0-.61.195a.39.39 0 0 0 .13.414c.34.295.734.52 1.16.66q.285.086.58.11c0 .19 0 .38.05.56a.38.38 0 0 0 .4.38a.38.38 0 0 0 .38-.4c0-.2 0-.4.05-.6a2.6 2.6 0 0 0 1.69-1.12a1.88 1.88 0 0 0 .07-1.59a1.6 1.6 0 0 0-.82-.919a2.7 2.7 0 0 0-.68-.16v-1.25c.447.006.89.073 1.32.2a.35.35 0 0 0 .46-.17M13 8.83a1.4 1.4 0 0 1-.48.39c0-.29.05-.57.07-.87s0-.35 0-.52a.45.45 0 0 1 .36.26a.72.72 0 0 1 .05.74m-1.7-2.409c-.12 0-.23 0-.27-.07a.32.32 0 0 1-.09-.28a.77.77 0 0 1 .65-.69c-.05.23-.12.45-.15.68s0 .25 0 .37z"/><path d="M7.002 9.691c.14 1.24.31 2.48.53 3.699a.34.34 0 0 0 .4.28a.33.33 0 0 0 .28-.39c-.21-1.22-.31-2.44-.4-3.669c-.12-1.84-.16-3.689-.19-5.538c0-.5-.11-1.25-.12-1.95a4.5 4.5 0 0 1 0-.759q.93-.05 1.859 0l5.708.07l1.6-.07c.05.86-.17 2.59-.17 2.809a57 57 0 0 1-.23 6.158a25 25 0 0 1-.78 3.999a.38.38 0 0 0 .26.49a.38.38 0 0 0 .48-.26c.434-1.34.752-2.715.95-4.11c.287-2.067.46-4.15.52-6.237q.252-1.565.299-3.149a1 1 0 0 0-.42-.79a1.6 1.6 0 0 0-.68-.18c-.54 0-1.36.07-1.689.06L9.451.084a17 17 0 0 0-2.26.07a.91.91 0 0 0-.669.44c-.15.385-.222.797-.21 1.21c0 .79.18 1.73.21 2.309c.11 1.9.24 3.729.48 5.578"/><path d="M23.616 12.95a.37.37 0 0 0 .09-.49s-.84-1.51-1.14-1.94a9 9 0 0 0-.6-.749a7 7 0 0 0-.66-.68a14 14 0 0 0-1.759-1.38a.32.32 0 0 0-.47 0a.33.33 0 0 0 0 .49s.61.9 1.5 2c.3.36.64.72 1 1.08s.85.89 1.22 1.32c0 1.299 0 2.778-.1 4.278a14 14 0 0 1-.38 2.999a5.9 5.9 0 0 1-1.12 2.129c-1 .49-3.299.48-4.538.53c-1.56.06-3.13.05-4.699.05H7.272c-1.06 0-2.1-.09-3.16-.13H3.004c-.72-.21-1-.39-1.44-1.9a14 14 0 0 1-.18-1.999c0-.51 0-1-.06-1.56s0-.86 0-1.279v-2l-.08-1.739a.3.3 0 0 0 .13.03q.653-.752 1.41-1.4c.35-.31.69-.609 1-.909c.89-.9 1.55-1.69 1.55-1.69a.34.34 0 0 0-.144-.616a.35.35 0 0 0-.256.057a10.6 10.6 0 0 0-2.47 1.68c-.21.21-.41.43-.61.66C.145 11.94.475 11.68.265 13.83c-.07.77-.26 1.76-.26 2.819c-.025.973.065 1.947.27 2.899c.73 3.239.22 3.319 3.729 3.768c1.07.14 2.12.35 3.189.44c.88.07 1.8.14 2.709.17c1.34 0 2.709 0 4.068-.05c6.878-.35 8.857-.44 9.767-4.828c.197-.94.285-1.9.26-2.86a29 29 0 0 0-.38-3.238"/><path d="M3.063 21.107c.87-.6 1.58-1.39 2.4-2c.82-.609 1.709-1.519 2.748-2.368c.19-.15.38-.31.57-.45a5.7 5.7 0 0 1 2.32-1.28c.341.009.67.128.94.34q.883.603 1.669 1.33c3.808 3.209 3.068 2.459 5.098 4.218c.45.4.45.4.88.81s1.08-.21.59-.62c-.68-.71-.81-.84-1.54-1.52s-1.61-1.469-2.42-2.199c.56-.46 1.13-.91 1.65-1.4s.92-.909 1.36-1.369a23 23 0 0 1 2.089-1.999a.39.39 0 0 0-.42-.59a16.6 16.6 0 0 0-2.76 1.92q-.747.65-1.399 1.4c-.41.469-.79.999-1.17 1.459a84 84 0 0 0-1.129-1a12.3 12.3 0 0 0-2.179-1.78a2.44 2.44 0 0 0-1.48-.32a5.8 5.8 0 0 0-2.249 1q-.572.41-1.09.89c-.46-.42-.899-.84-1.409-1.28c-.33-.29-.68-.56-1-.84s-.71-.54-1-.819a9 9 0 0 1-.899-.94a.37.37 0 0 0-.53-.11a.39.39 0 0 0-.12.53a9 9 0 0 0 1.49 2q.364.39.78.73q.397.344.84.63c.43.269.819.469 1.239.689c-.78.74-1.49 1.5-2.06 2a15 15 0 0 0-2.329 2.248c-.4.59-.14 1.15.52.69"/></g></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. AccountingInvoiceMailIcon.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.