Home/Libraries/Streamline Emojis (Iconify)/postbox

Streamline Emojis (Iconify)

Postbox

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 48 48"><path fill="#45413c" d="M11.71 44.4a12.29 1.6 0 1 0 24.58 0a12.29 1.6 0 1 0-24.58 0" opacity=".15"/><path fill="#ff6242" d="M10.81 2.9H37.2v31H10.81Z"/><path fill="#ff866e" d="M34 2.9H14a3.2 3.2 0 0 0-3.2 3.2v2.48A3.21 3.21 0 0 1 14 5.37h20a3.21 3.21 0 0 1 3.2 3.21V6.1A3.2 3.2 0 0 0 34 2.9"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M10.81 2.9H37.2v31H10.81Z"/><path fill="#debb7e" d="M21.76 33.89h4.47v9.54a1.07 1.07 0 0 1-1.07 1.07h-2.33a1.07 1.07 0 0 1-1.07-1.07z"/><path fill="#b89558" d="M21.76 33.89h4.47v2.72h-4.47z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M21.76 33.89h4.47v9.54a1.07 1.07 0 0 1-1.07 1.07h-2.33a1.07 1.07 0 0 1-1.07-1.07z"/><path fill="#656769" d="M14.41 11.06h19.17v3.47H14.41Z"/><path fill="#525252" d="M32.52 11.06h-17a1.07 1.07 0 0 0-1.07 1.07v1.3a1.07 1.07 0 0 1 1.07-1.07h17a1.07 1.07 0 0 1 1.07 1.07v-1.3a1.07 1.07 0 0 0-1.07-1.07"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M14.41 11.06h19.17v3.47H14.41Z"/><path fill="#e04122" d="M33.9 6.58H14.1a1.12 1.12 0 0 0 0 2.23h19.8a1.12 1.12 0 0 0 0-2.23"/><path fill="#ff6242" d="M14.1 7.7h19.8a1.11 1.11 0 0 1 1 .55a1 1 0 0 0 .1-.55a1.12 1.12 0 0 0-1.1-1.12H14.1A1.12 1.12 0 0 0 13 7.7a1 1 0 0 0 .15.55a1.11 1.11 0 0 1 .95-.55"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M33.9 6.58H14.1a1.12 1.12 0 0 0 0 2.23h19.8a1.12 1.12 0 0 0 0-2.23"/><path fill="#fff" d="M33.56 21.16h-9.79a1.07 1.07 0 0 1-1-.63l-4.26-9.47h11.33l4.21 9.34a.54.54 0 0 1-.49.76"/><path fill="#f0f0f0" d="m30.87 13.35l-1.03-2.29H18.53l1.03 2.29z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M33.56 21.16h-9.79a1.07 1.07 0 0 1-1-.63l-4.26-9.47h11.33l4.21 9.34a.54.54 0 0 1-.49.76"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m34.03 20.87l-7.57-6.13l.85-3.68m.3 4.61l-4.36 5.35m3.46-7.35l-5.24-2.61"/></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. PostboxIcon.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.