mailbox icon
mailbox-broken from Solar by 480 Design · Broken · Messages · CC-BY-4.0 Attribution required.
- Name
- mailbox-broken
- Set
- Solar
- Style
- Broken
- Category
- Messages
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More messages icons from Solar
chat-round-add-boldchat-round-boldchat-round-call-boldchat-round-check-boldchat-round-close-boldchat-round-code-boldchat-round-dots-boldchat-round-like-boldchat-round-line-boldchat-round-money-boldchat-round-off-boldchat-round-question-mark-boldchat-round-quote-boldchat-round-replay-boldchat-round-unread-boldchat-round-video-boldchat-round-warning-boldchat-square-add-boldchat-square-arrow-boldchat-square-boldchat-square-call-boldchat-square-check-boldchat-square-close-boldchat-square-code-bold
Use the mailbox icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SolarMailboxBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-mailbox-broken {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M10.5%2022V20M14.5%2022V20%22%2F%3E%3Cpath%20d%3D%22M2%2012V11.25C2%208.35051%204.01472%206%206.5%206C8.98528%206%2011%208.35051%2011%2011.25V17V20H4.23256C2.99955%2020%202%2018.8339%202%2017.3953V16M14%2020H19.7931C21.0119%2020%2022%2018.8473%2022%2017.4253V15M22%2011.25C22%208.35051%2019.9853%206%2017.5%206M7%206H18M9%2020H15%22%2F%3E%3Cpath%20d%3D%22M5%2016H8%22%2F%3E%3Cpath%20d%3D%22M16%205.41121V2.63519C16%202.39905%2016.1676%202.19612%2016.3994%202.15144L16.8855%202.05779C17.4738%201.94443%2018.0821%201.99855%2018.6412%202.214L18.7203%202.24451C19.2746%202.4581%2019.8807%202.498%2020.4582%202.35891C20.7343%202.2924%2021%202.50168%2021%202.78573V5.00723C21%205.2442%2020.8376%205.45031%2020.6073%205.5058L20.5407%205.52184C19.9095%205.67387%2019.247%205.63026%2018.6412%205.39679C18.0821%205.18135%2017.4738%205.12722%2016.8855%205.24058L16%205.41121ZM16%205.41121V9.88432%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M10.5%2022V20M14.5%2022V20%22%2F%3E%3Cpath%20d%3D%22M2%2012V11.25C2%208.35051%204.01472%206%206.5%206C8.98528%206%2011%208.35051%2011%2011.25V17V20H4.23256C2.99955%2020%202%2018.8339%202%2017.3953V16M14%2020H19.7931C21.0119%2020%2022%2018.8473%2022%2017.4253V15M22%2011.25C22%208.35051%2019.9853%206%2017.5%206M7%206H18M9%2020H15%22%2F%3E%3Cpath%20d%3D%22M5%2016H8%22%2F%3E%3Cpath%20d%3D%22M16%205.41121V2.63519C16%202.39905%2016.1676%202.19612%2016.3994%202.15144L16.8855%202.05779C17.4738%201.94443%2018.0821%201.99855%2018.6412%202.214L18.7203%202.24451C19.2746%202.4581%2019.8807%202.498%2020.4582%202.35891C20.7343%202.2924%2021%202.50168%2021%202.78573V5.00723C21%205.2442%2020.8376%205.45031%2020.6073%205.5058L20.5407%205.52184C19.9095%205.67387%2019.247%205.63026%2018.6412%205.39679C18.0821%205.18135%2017.4738%205.12722%2016.8855%205.24058L16%205.41121ZM16%205.41121V9.88432%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/mailbox-broken.svg?color=%231a73e8&size=48
