ICONYZ
English
Mailbox icon from PrestaShop Icons

Mailbox icon

ps:mailbox

The Mailbox icon (ps:mailbox) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 512 × 512 grid. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
PrestaShop Icons
Author
PrestaShop
License
CC-BY-NC-4.0
Size
512 × 512
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M367 0H145q-14 0-25.5 9T105 32L0 299v170q0 18 12.5 30.5T43 512h426q18 0 30.5-12.5T512 469V299L407 32q-3-14-14.5-23T367 0m102 469H43V341h85l43 64h170l43-64h85zm-81-170q-29 0-38 23l-30 41H192l-30-41q-9-23-38-23H51l98-256h214l98 256z"/></svg>

How to use the Mailbox icon

React

import { Icon } from "@iconify/react";

<Icon icon="ps:mailbox" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ps:mailbox" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ps:mailbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--mailbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:mailbox"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ps:mailbox"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ps/mailbox.svg" alt="Mailbox icon" width="24" height="24">

Mailbox icon in other icon sets

Mailbox icon FAQ

Is the Mailbox icon free for commercial use?

No. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Mailbox icon in React?

Install @iconify/react and render <Icon icon="ps:mailbox" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mailbox icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/mailbox.svg" alt="Mailbox icon">, or paste the SVG code inline to style it with CSS.

Browse all PrestaShop Icons →