Mailbox Broken icon
solar:mailbox-broken
The Mailbox Broken icon (solar:mailbox-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Messages
- Tags
- mailboxbroken
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M10.5 22V20M14.5 22V20"/><path d="M2 12V11.25C2 8.35051 4.01472 6 6.5 6C8.98528 6 11 8.35051 11 11.25V17V20H4.23256C2.99955 20 2 18.8339 2 17.3953V16M14 20H19.7931C21.0119 20 22 18.8473 22 17.4253V15M22 11.25C22 8.35051 19.9853 6 17.5 6M7 6H18M9 20H15"/><path d="M5 16H8"/><path d="M16 5.41121V2.63519C16 2.39905 16.1676 2.19612 16.3994 2.15144L16.8855 2.05779C17.4738 1.94443 18.0821 1.99855 18.6412 2.214L18.7203 2.24451C19.2746 2.4581 19.8807 2.498 20.4582 2.35891C20.7343 2.2924 21 2.50168 21 2.78573V5.00723C21 5.2442 20.8376 5.45031 20.6073 5.5058L20.5407 5.52184C19.9095 5.67387 19.247 5.63026 18.6412 5.39679C18.0821 5.18135 17.4738 5.12722 16.8855 5.24058L16 5.41121ZM16 5.41121V9.88432"/></g></svg>How to use the Mailbox Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:mailbox-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:mailbox-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:mailbox-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mailbox-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mailbox-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:mailbox-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/mailbox-broken.svg" alt="Mailbox Broken icon" width="24" height="24">Related icons in Solar
Mailbox Broken icon FAQ
Is the Mailbox Broken icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Mailbox Broken icon in React?
Install @iconify/react and render <Icon icon="solar:mailbox-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mailbox Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/mailbox-broken.svg" alt="Mailbox Broken icon">, or paste the SVG code inline to style it with CSS.