inbox plus icon

inbox-plus-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name
inbox-plus-fill
Set
Mage Icons
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in Mage Icons

inbox-plus

The same icon in other sets

inbox-plusMyna UI Icons

Related icons in Mage Icons

inbox-checkinbox-crossinbox-downloadinbox-minusinbox-notificationinbox-question-markinbox-starinbox-upload

Use the inbox plus icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 10.37v4.88A6.76 6.76 0 0 1 15.25 22h-6.5A6.76 6.76 0 0 1 2 15.25v-6.5A6.76 6.76 0 0 1 8.75 2h4.87a.75.75 0 1 1 0 1.5H8.75A5.25 5.25 0 0 0 3.5 8.75v2.5H6a2.72 2.72 0 0 1 1.94.8c.512.52.803 1.22.81 1.95A1.25 1.25 0 0 0 10 15.25h4a1.22 1.22 0 0 0 .88-.37a1.26 1.26 0 0 0 .37-.88A2.73 2.73 0 0 1 18 11.25h2.5v-.88a.75.75 0 1 1 1.5 0"/><path fill="currentColor" d="M22 5.25a.75.75 0 0 1-.75.75h-1.76v1.75a.75.75 0 1 1-1.5 0V6h-1.74a.75.75 0 1 1 0-1.5h1.74V2.75a.75.75 0 1 1 1.5 0V4.5h1.76a.76.76 0 0 1 .75.75"/></svg>

React

import type { SVGProps } from "react";

export function MageInboxPlusFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 10.37v4.88A6.76 6.76 0 0 1 15.25 22h-6.5A6.76 6.76 0 0 1 2 15.25v-6.5A6.76 6.76 0 0 1 8.75 2h4.87a.75.75 0 1 1 0 1.5H8.75A5.25 5.25 0 0 0 3.5 8.75v2.5H6a2.72 2.72 0 0 1 1.94.8c.512.52.803 1.22.81 1.95A1.25 1.25 0 0 0 10 15.25h4a1.22 1.22 0 0 0 .88-.37a1.26 1.26 0 0 0 .37-.88A2.73 2.73 0 0 1 18 11.25h2.5v-.88a.75.75 0 1 1 1.5 0"/><path fill="currentColor" d="M22 5.25a.75.75 0 0 1-.75.75h-1.76v1.75a.75.75 0 1 1-1.5 0V6h-1.74a.75.75 0 1 1 0-1.5h1.74V2.75a.75.75 0 1 1 1.5 0V4.5h1.76a.76.76 0 0 1 .75.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 10.37v4.88A6.76 6.76 0 0 1 15.25 22h-6.5A6.76 6.76 0 0 1 2 15.25v-6.5A6.76 6.76 0 0 1 8.75 2h4.87a.75.75 0 1 1 0 1.5H8.75A5.25 5.25 0 0 0 3.5 8.75v2.5H6a2.72 2.72 0 0 1 1.94.8c.512.52.803 1.22.81 1.95A1.25 1.25 0 0 0 10 15.25h4a1.22 1.22 0 0 0 .88-.37a1.26 1.26 0 0 0 .37-.88A2.73 2.73 0 0 1 18 11.25h2.5v-.88a.75.75 0 1 1 1.5 0"/><path fill="currentColor" d="M22 5.25a.75.75 0 0 1-.75.75h-1.76v1.75a.75.75 0 1 1-1.5 0V6h-1.74a.75.75 0 1 1 0-1.5h1.74V2.75a.75.75 0 1 1 1.5 0V4.5h1.76a.76.76 0 0 1 .75.75"/></svg>
</template>

CSS

.icon-inbox-plus-fill {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2010.37v4.88A6.76%206.76%200%200%201%2015.25%2022h-6.5A6.76%206.76%200%200%201%202%2015.25v-6.5A6.76%206.76%200%200%201%208.75%202h4.87a.75.75%200%201%201%200%201.5H8.75A5.25%205.25%200%200%200%203.5%208.75v2.5H6a2.72%202.72%200%200%201%201.94.8c.512.52.803%201.22.81%201.95A1.25%201.25%200%200%200%2010%2015.25h4a1.22%201.22%200%200%200%20.88-.37a1.26%201.26%200%200%200%20.37-.88A2.73%202.73%200%200%201%2018%2011.25h2.5v-.88a.75.75%200%201%201%201.5%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%205.25a.75.75%200%200%201-.75.75h-1.76v1.75a.75.75%200%201%201-1.5%200V6h-1.74a.75.75%200%201%201%200-1.5h1.74V2.75a.75.75%200%201%201%201.5%200V4.5h1.76a.76.76%200%200%201%20.75.75%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2010.37v4.88A6.76%206.76%200%200%201%2015.25%2022h-6.5A6.76%206.76%200%200%201%202%2015.25v-6.5A6.76%206.76%200%200%201%208.75%202h4.87a.75.75%200%201%201%200%201.5H8.75A5.25%205.25%200%200%200%203.5%208.75v2.5H6a2.72%202.72%200%200%201%201.94.8c.512.52.803%201.22.81%201.95A1.25%201.25%200%200%200%2010%2015.25h4a1.22%201.22%200%200%200%20.88-.37a1.26%201.26%200%200%200%20.37-.88A2.73%202.73%200%200%201%2018%2011.25h2.5v-.88a.75.75%200%201%201%201.5%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%205.25a.75.75%200%200%201-.75.75h-1.76v1.75a.75.75%200%201%201-1.5%200V6h-1.74a.75.75%200%201%201%200-1.5h1.74V2.75a.75.75%200%201%201%201.5%200V4.5h1.76a.76.76%200%200%201%20.75.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/inbox-plus-fill.svg?color=%231a73e8&size=48