inbox download icon
inbox-download-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- inbox-download-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
Related icons in Mage Icons
Use the inbox download icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.918 10.37v4.88a6.78 6.78 0 0 1-1.972 4.77a6.72 6.72 0 0 1-4.75 1.98H8.721a6.72 6.72 0 0 1-4.75-1.98A6.77 6.77 0 0 1 2 15.25v-6.5a6.77 6.77 0 0 1 1.972-4.77A6.72 6.72 0 0 1 8.722 2h4.85a.746.746 0 0 1 .747.75a.75.75 0 0 1-.747.75h-4.85a5.22 5.22 0 0 0-3.697 1.538A5.26 5.26 0 0 0 3.494 8.75v2.5h2.49a2.7 2.7 0 0 1 1.932.8c.51.52.799 1.22.806 1.95a1.25 1.25 0 0 0 1.245 1.25h3.984a1.2 1.2 0 0 0 .876-.37c.233-.234.365-.55.368-.88a2.74 2.74 0 0 1 .797-1.95a2.72 2.72 0 0 1 1.942-.8h2.49v-.88a.75.75 0 0 1 .747-.75a.745.745 0 0 1 .747.75"/><path fill="currentColor" d="M18.88 8.5a.745.745 0 0 1-.737-.75v-5a.742.742 0 0 1 1.026-.696a.75.75 0 0 1 .468.696v5a.76.76 0 0 1-.757.75"/><path fill="currentColor" d="M21.748 5.11a.745.745 0 0 0-1.055 0l-.996 1l-.747.75l-1.763-1.77a.745.745 0 0 0-1.256.535a.75.75 0 0 0 .2.525l1.992 2q.181.17.409.27a1.16 1.16 0 0 0 .916-.01q.221-.091.388-.26l1.992-2a.75.75 0 0 0-.08-1.04"/></svg>
React
import type { SVGProps } from "react";
export function MageInboxDownloadFill(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="M21.918 10.37v4.88a6.78 6.78 0 0 1-1.972 4.77a6.72 6.72 0 0 1-4.75 1.98H8.721a6.72 6.72 0 0 1-4.75-1.98A6.77 6.77 0 0 1 2 15.25v-6.5a6.77 6.77 0 0 1 1.972-4.77A6.72 6.72 0 0 1 8.722 2h4.85a.746.746 0 0 1 .747.75a.75.75 0 0 1-.747.75h-4.85a5.22 5.22 0 0 0-3.697 1.538A5.26 5.26 0 0 0 3.494 8.75v2.5h2.49a2.7 2.7 0 0 1 1.932.8c.51.52.799 1.22.806 1.95a1.25 1.25 0 0 0 1.245 1.25h3.984a1.2 1.2 0 0 0 .876-.37c.233-.234.365-.55.368-.88a2.74 2.74 0 0 1 .797-1.95a2.72 2.72 0 0 1 1.942-.8h2.49v-.88a.75.75 0 0 1 .747-.75a.745.745 0 0 1 .747.75"/><path fill="currentColor" d="M18.88 8.5a.745.745 0 0 1-.737-.75v-5a.742.742 0 0 1 1.026-.696a.75.75 0 0 1 .468.696v5a.76.76 0 0 1-.757.75"/><path fill="currentColor" d="M21.748 5.11a.745.745 0 0 0-1.055 0l-.996 1l-.747.75l-1.763-1.77a.745.745 0 0 0-1.256.535a.75.75 0 0 0 .2.525l1.992 2q.181.17.409.27a1.16 1.16 0 0 0 .916-.01q.221-.091.388-.26l1.992-2a.75.75 0 0 0-.08-1.04"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.918 10.37v4.88a6.78 6.78 0 0 1-1.972 4.77a6.72 6.72 0 0 1-4.75 1.98H8.721a6.72 6.72 0 0 1-4.75-1.98A6.77 6.77 0 0 1 2 15.25v-6.5a6.77 6.77 0 0 1 1.972-4.77A6.72 6.72 0 0 1 8.722 2h4.85a.746.746 0 0 1 .747.75a.75.75 0 0 1-.747.75h-4.85a5.22 5.22 0 0 0-3.697 1.538A5.26 5.26 0 0 0 3.494 8.75v2.5h2.49a2.7 2.7 0 0 1 1.932.8c.51.52.799 1.22.806 1.95a1.25 1.25 0 0 0 1.245 1.25h3.984a1.2 1.2 0 0 0 .876-.37c.233-.234.365-.55.368-.88a2.74 2.74 0 0 1 .797-1.95a2.72 2.72 0 0 1 1.942-.8h2.49v-.88a.75.75 0 0 1 .747-.75a.745.745 0 0 1 .747.75"/><path fill="currentColor" d="M18.88 8.5a.745.745 0 0 1-.737-.75v-5a.742.742 0 0 1 1.026-.696a.75.75 0 0 1 .468.696v5a.76.76 0 0 1-.757.75"/><path fill="currentColor" d="M21.748 5.11a.745.745 0 0 0-1.055 0l-.996 1l-.747.75l-1.763-1.77a.745.745 0 0 0-1.256.535a.75.75 0 0 0 .2.525l1.992 2q.181.17.409.27a1.16 1.16 0 0 0 .916-.01q.221-.091.388-.26l1.992-2a.75.75 0 0 0-.08-1.04"/></svg> </template>
CSS
.icon-inbox-download-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%22M21.918%2010.37v4.88a6.78%206.78%200%200%201-1.972%204.77a6.72%206.72%200%200%201-4.75%201.98H8.721a6.72%206.72%200%200%201-4.75-1.98A6.77%206.77%200%200%201%202%2015.25v-6.5a6.77%206.77%200%200%201%201.972-4.77A6.72%206.72%200%200%201%208.722%202h4.85a.746.746%200%200%201%20.747.75a.75.75%200%200%201-.747.75h-4.85a5.22%205.22%200%200%200-3.697%201.538A5.26%205.26%200%200%200%203.494%208.75v2.5h2.49a2.7%202.7%200%200%201%201.932.8c.51.52.799%201.22.806%201.95a1.25%201.25%200%200%200%201.245%201.25h3.984a1.2%201.2%200%200%200%20.876-.37c.233-.234.365-.55.368-.88a2.74%202.74%200%200%201%20.797-1.95a2.72%202.72%200%200%201%201.942-.8h2.49v-.88a.75.75%200%200%201%20.747-.75a.745.745%200%200%201%20.747.75%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.88%208.5a.745.745%200%200%201-.737-.75v-5a.742.742%200%200%201%201.026-.696a.75.75%200%200%201%20.468.696v5a.76.76%200%200%201-.757.75%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.748%205.11a.745.745%200%200%200-1.055%200l-.996%201l-.747.75l-1.763-1.77a.745.745%200%200%200-1.256.535a.75.75%200%200%200%20.2.525l1.992%202q.181.17.409.27a1.16%201.16%200%200%200%20.916-.01q.221-.091.388-.26l1.992-2a.75.75%200%200%200-.08-1.04%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%22M21.918%2010.37v4.88a6.78%206.78%200%200%201-1.972%204.77a6.72%206.72%200%200%201-4.75%201.98H8.721a6.72%206.72%200%200%201-4.75-1.98A6.77%206.77%200%200%201%202%2015.25v-6.5a6.77%206.77%200%200%201%201.972-4.77A6.72%206.72%200%200%201%208.722%202h4.85a.746.746%200%200%201%20.747.75a.75.75%200%200%201-.747.75h-4.85a5.22%205.22%200%200%200-3.697%201.538A5.26%205.26%200%200%200%203.494%208.75v2.5h2.49a2.7%202.7%200%200%201%201.932.8c.51.52.799%201.22.806%201.95a1.25%201.25%200%200%200%201.245%201.25h3.984a1.2%201.2%200%200%200%20.876-.37c.233-.234.365-.55.368-.88a2.74%202.74%200%200%201%20.797-1.95a2.72%202.72%200%200%201%201.942-.8h2.49v-.88a.75.75%200%200%201%20.747-.75a.745.745%200%200%201%20.747.75%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.88%208.5a.745.745%200%200%201-.737-.75v-5a.742.742%200%200%201%201.026-.696a.75.75%200%200%201%20.468.696v5a.76.76%200%200%201-.757.75%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.748%205.11a.745.745%200%200%200-1.055%200l-.996%201l-.747.75l-1.763-1.77a.745.745%200%200%200-1.256.535a.75.75%200%200%200%20.2.525l1.992%202q.181.17.409.27a1.16%201.16%200%200%200%20.916-.01q.221-.091.388-.26l1.992-2a.75.75%200%200%200-.08-1.04%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/inbox-download-fill.svg?color=%231a73e8&size=48
