Home/Libraries/Fluent Emoji (Iconify)/receipt

Fluent Emoji (Iconify)

Receipt

License: MITCommercial Safe

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 32 32"><g fill="none"><g filter="url(#iHheYUb)"><path fill="url(#inRnq3c)" d="M25.85 2.695c.077-.074.195-.095.277-.027c.173.142.342.393.342.792v22.543a4.25 4.25 0 0 1-4.25 4.25H7.437v-.828h-.89V3.258a.93.93 0 0 1 .376-.628c.08-.057.188-.036.26.032l.932.873a.4.4 0 0 0 .553-.006L9.71 2.512a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .553-.006l1.042-1.017a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .552-.006l1.043-1.017a.413.413 0 0 1 .57-.007l1.1 1.03a.4.4 0 0 0 .553-.006l1.042-1.017a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .553-.006l1.042-1.017a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .552-.006z"/><path fill="url(#iYvA06v)" d="M25.85 2.695c.077-.074.195-.095.277-.027c.173.142.342.393.342.792v22.543a4.25 4.25 0 0 1-4.25 4.25H7.437v-.828h-.89V3.258a.93.93 0 0 1 .376-.628c.08-.057.188-.036.26.032l.932.873a.4.4 0 0 0 .553-.006L9.71 2.512a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .553-.006l1.042-1.017a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .552-.006l1.043-1.017a.413.413 0 0 1 .57-.007l1.1 1.03a.4.4 0 0 0 .553-.006l1.042-1.017a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .553-.006l1.042-1.017a.413.413 0 0 1 .571-.007l1.1 1.03a.4.4 0 0 0 .552-.006z"/></g><g filter="url(#iEIRE7c)"><path fill="url(#iRYL5eQ)" d="M18.638 26.285a1 1 0 0 0-1-1H4.541a.994.994 0 0 0-.994.993a3.975 3.975 0 0 0 3.975 3.975h14.15c-2.396-.212-3.01-2.548-3.034-3.88z"/><path fill="url(#iOGZw2C)" d="M18.638 26.285a1 1 0 0 0-1-1H4.541a.994.994 0 0 0-.994.993a3.975 3.975 0 0 0 3.975 3.975h14.15c-2.396-.212-3.01-2.548-3.034-3.88z"/></g><rect width="13.953" height="1.953" x="9.547" y="6.363" fill="#818cf8" rx=".977"/><rect width="8.938" height="1.031" x="9.547" y="10.331" fill="#818cf8" rx=".516"/><rect width="8.938" height="1.031" x="9.547" y="13.3" fill="#818cf8" rx=".516"/><rect width="8.938" height="1.031" x="9.547" y="16.324" fill="#818cf8" rx=".516"/><rect width="8.938" height="1.031" x="9.547" y="19.347" fill="#818cf8" rx=".516"/><rect width="8.938" height="1.031" x="9.547" y="22.37" fill="#818cf8" rx=".516"/><rect width="3.984" height="1.031" x="19.516" y="13.3" fill="#818cf8" rx=".516"/><rect width="3.984" height="1.031" x="19.516" y="10.331" fill="#818cf8" rx=".516"/><rect width="3.984" height="1.031" x="19.516" y="16.324" fill="#818cf8" rx=".516"/><rect width="3.984" height="1.031" x="19.516" y="19.347" fill="#818cf8" rx=".516"/><rect width="3.984" height="1.031" x="19.516" y="22.37" fill="#818cf8" rx=".516"/><defs><linearGradient id="inRnq3c" x1="8.5" x2="26.469" y1="17.003" y2="17.003" gradientUnits="userSpaceOnUse"><stop stop-color="#DFD8E8"/><stop offset="1" stop-color="#E0DBEA"/></linearGradient><linearGradient id="iRYL5eQ" x1="12.609" x2="12.609" y1="25.285" y2="30.253" gradientUnits="userSpaceOnUse"><stop stop-color="#DCD4E8"/><stop offset="1" stop-color="#C9BADD"/></linearGradient><linearGradient id="iOGZw2C" x1="15.25" x2="15.25" y1="30.253" y2="27.769" gradientUnits="userSpaceOnUse"><stop stop-color="#A58BC5"/><stop offset="1" stop-color="#C7B7DD" stop-opacity="0"/></linearGradient><filter id="iHheYUb" width="20.222" height="28.009" x="6.397" y="2.244" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy="-.15"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21670"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21670" result="effect2_innerShadow_18_21670"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.733333 0 0 0 0 0.713726 0 0 0 0 0.764706 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_21670" result="effect3_innerShadow_18_21670"/></filter><filter id="iEIRE7c" width="18.375" height="4.969" x="3.397" y="25.285" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21670"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.666667 0 0 0 0 0.6 0 0 0 0 0.74902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21670" result="effect2_innerShadow_18_21670"/></filter><radialGradient id="iYvA06v" cx="0" cy="0" r="1" gradientTransform="matrix(3.5 -6.0625 9.50597 5.48798 18.938 31.69)" gradientUnits="userSpaceOnUse"><stop stop-color="#F9F3FE"/><stop offset="1" stop-color="#F9F3FE" stop-opacity="0"/></radialGradient></defs></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. ReceiptIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.