mailbox icon
mailbox-linear from Solar by 480 Design · Linear · Messages · CC-BY-4.0 Attribution required.
- Name
- mailbox-linear
- Set
- Solar
- Style
- Linear
- 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="M14 20H19.7931C21.0119 20 22 18.8473 22 17.4253V11.25C22 8.35051 19.9853 6 17.5 6M7 6H18M9 20H15M2 11.25C2 8.35051 4.01472 6 6.5 6C8.98528 6 11 8.35051 11 11.25V20H4.23256C2.99955 20 2 18.8339 2 17.3953V11.25Z"/><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 SolarMailboxLinear(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="M14 20H19.7931C21.0119 20 22 18.8473 22 17.4253V11.25C22 8.35051 19.9853 6 17.5 6M7 6H18M9 20H15M2 11.25C2 8.35051 4.01472 6 6.5 6C8.98528 6 11 8.35051 11 11.25V20H4.23256C2.99955 20 2 18.8339 2 17.3953V11.25Z"/><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="M14 20H19.7931C21.0119 20 22 18.8473 22 17.4253V11.25C22 8.35051 19.9853 6 17.5 6M7 6H18M9 20H15M2 11.25C2 8.35051 4.01472 6 6.5 6C8.98528 6 11 8.35051 11 11.25V20H4.23256C2.99955 20 2 18.8339 2 17.3953V11.25Z"/><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-linear {
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%22M14%2020H19.7931C21.0119%2020%2022%2018.8473%2022%2017.4253V11.25C22%208.35051%2019.9853%206%2017.5%206M7%206H18M9%2020H15M2%2011.25C2%208.35051%204.01472%206%206.5%206C8.98528%206%2011%208.35051%2011%2011.25V20H4.23256C2.99955%2020%202%2018.8339%202%2017.3953V11.25Z%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%22M14%2020H19.7931C21.0119%2020%2022%2018.8473%2022%2017.4253V11.25C22%208.35051%2019.9853%206%2017.5%206M7%206H18M9%2020H15M2%2011.25C2%208.35051%204.01472%206%206.5%206C8.98528%206%2011%208.35051%2011%2011.25V20H4.23256C2.99955%2020%202%2018.8339%202%2017.3953V11.25Z%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-linear.svg?color=%231a73e8&size=48
