inbox down icon

inbox-down-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name
inbox-down-solid
Set
Myna UI Icons
Style
Solid
Viewbox
24×24
License
MIT

1 other variant in Myna UI Icons

inbox-down

Related icons in Myna UI Icons

inbox-archiveinbox-checkinbox-minusinbox-plusinbox-upinbox-x

Use the inbox down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.76 2.25a2.75 2.75 0 0 1 2.462 1.526a1 1 0 0 1 .051.135l2.163 7.846a8.8 8.8 0 0 1 .314 2.325V19A2.75 2.75 0 0 1 19 21.75H5A2.75 2.75 0 0 1 2.25 19v-4.918c0-.785.106-1.567.314-2.325l2.163-7.846a1 1 0 0 1 .051-.135A2.75 2.75 0 0 1 7.24 2.25zm.31 11.5a1.25 1.25 0 0 0-1.04.557l-.812 1.218a2.75 2.75 0 0 1-2.288 1.225h-1.86a2.75 2.75 0 0 1-2.288-1.225l-.812-1.218a1.25 1.25 0 0 0-1.04-.557H3.758q-.008.165-.008.332V19A1.25 1.25 0 0 0 5 20.25h14A1.25 1.25 0 0 0 20.25 19v-4.918q0-.165-.008-.332zM12.753 6a.75.75 0 0 0-1.5 0l-.002 4.11l-1.205-1.278a.75.75 0 0 0-1.092 1.029l2.5 2.653a.75.75 0 0 0 1.092 0l2.5-2.653a.75.75 0 0 0-1.092-1.029l-1.203 1.278z"/></svg>

React

import type { SVGProps } from "react";

export function MynauiInboxDownSolid(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="M16.76 2.25a2.75 2.75 0 0 1 2.462 1.526a1 1 0 0 1 .051.135l2.163 7.846a8.8 8.8 0 0 1 .314 2.325V19A2.75 2.75 0 0 1 19 21.75H5A2.75 2.75 0 0 1 2.25 19v-4.918c0-.785.106-1.567.314-2.325l2.163-7.846a1 1 0 0 1 .051-.135A2.75 2.75 0 0 1 7.24 2.25zm.31 11.5a1.25 1.25 0 0 0-1.04.557l-.812 1.218a2.75 2.75 0 0 1-2.288 1.225h-1.86a2.75 2.75 0 0 1-2.288-1.225l-.812-1.218a1.25 1.25 0 0 0-1.04-.557H3.758q-.008.165-.008.332V19A1.25 1.25 0 0 0 5 20.25h14A1.25 1.25 0 0 0 20.25 19v-4.918q0-.165-.008-.332zM12.753 6a.75.75 0 0 0-1.5 0l-.002 4.11l-1.205-1.278a.75.75 0 0 0-1.092 1.029l2.5 2.653a.75.75 0 0 0 1.092 0l2.5-2.653a.75.75 0 0 0-1.092-1.029l-1.203 1.278z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.76 2.25a2.75 2.75 0 0 1 2.462 1.526a1 1 0 0 1 .051.135l2.163 7.846a8.8 8.8 0 0 1 .314 2.325V19A2.75 2.75 0 0 1 19 21.75H5A2.75 2.75 0 0 1 2.25 19v-4.918c0-.785.106-1.567.314-2.325l2.163-7.846a1 1 0 0 1 .051-.135A2.75 2.75 0 0 1 7.24 2.25zm.31 11.5a1.25 1.25 0 0 0-1.04.557l-.812 1.218a2.75 2.75 0 0 1-2.288 1.225h-1.86a2.75 2.75 0 0 1-2.288-1.225l-.812-1.218a1.25 1.25 0 0 0-1.04-.557H3.758q-.008.165-.008.332V19A1.25 1.25 0 0 0 5 20.25h14A1.25 1.25 0 0 0 20.25 19v-4.918q0-.165-.008-.332zM12.753 6a.75.75 0 0 0-1.5 0l-.002 4.11l-1.205-1.278a.75.75 0 0 0-1.092 1.029l2.5 2.653a.75.75 0 0 0 1.092 0l2.5-2.653a.75.75 0 0 0-1.092-1.029l-1.203 1.278z"/></svg>
</template>

CSS

.icon-inbox-down-solid {
  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%22M16.76%202.25a2.75%202.75%200%200%201%202.462%201.526a1%201%200%200%201%20.051.135l2.163%207.846a8.8%208.8%200%200%201%20.314%202.325V19A2.75%202.75%200%200%201%2019%2021.75H5A2.75%202.75%200%200%201%202.25%2019v-4.918c0-.785.106-1.567.314-2.325l2.163-7.846a1%201%200%200%201%20.051-.135A2.75%202.75%200%200%201%207.24%202.25zm.31%2011.5a1.25%201.25%200%200%200-1.04.557l-.812%201.218a2.75%202.75%200%200%201-2.288%201.225h-1.86a2.75%202.75%200%200%201-2.288-1.225l-.812-1.218a1.25%201.25%200%200%200-1.04-.557H3.758q-.008.165-.008.332V19A1.25%201.25%200%200%200%205%2020.25h14A1.25%201.25%200%200%200%2020.25%2019v-4.918q0-.165-.008-.332zM12.753%206a.75.75%200%200%200-1.5%200l-.002%204.11l-1.205-1.278a.75.75%200%200%200-1.092%201.029l2.5%202.653a.75.75%200%200%200%201.092%200l2.5-2.653a.75.75%200%200%200-1.092-1.029l-1.203%201.278z%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%22M16.76%202.25a2.75%202.75%200%200%201%202.462%201.526a1%201%200%200%201%20.051.135l2.163%207.846a8.8%208.8%200%200%201%20.314%202.325V19A2.75%202.75%200%200%201%2019%2021.75H5A2.75%202.75%200%200%201%202.25%2019v-4.918c0-.785.106-1.567.314-2.325l2.163-7.846a1%201%200%200%201%20.051-.135A2.75%202.75%200%200%201%207.24%202.25zm.31%2011.5a1.25%201.25%200%200%200-1.04.557l-.812%201.218a2.75%202.75%200%200%201-2.288%201.225h-1.86a2.75%202.75%200%200%201-2.288-1.225l-.812-1.218a1.25%201.25%200%200%200-1.04-.557H3.758q-.008.165-.008.332V19A1.25%201.25%200%200%200%205%2020.25h14A1.25%201.25%200%200%200%2020.25%2019v-4.918q0-.165-.008-.332zM12.753%206a.75.75%200%200%200-1.5%200l-.002%204.11l-1.205-1.278a.75.75%200%200%200-1.092%201.029l2.5%202.653a.75.75%200%200%200%201.092%200l2.5-2.653a.75.75%200%200%200-1.092-1.029l-1.203%201.278z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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