inbox arrow down icon
inbox-arrow-down-filled from Reicon by REICON · Filled · Notes · MIT Free for personal and commercial use.
- Name
- inbox-arrow-down-filled
- Set
- Reicon
- Style
- Filled
- Category
- Notes
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More notes icons from Reicon
Use the inbox arrow down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.96 6.96a1 1 0 0 0 0 1.415l3.333 3.333a1 1 0 0 0 1.414 0l3.333-3.333a1 1 0 1 0-1.415-1.415L13 8.587v-4.92a1 1 0 0 0-2 0v4.918L9.372 6.96a1 1 0 0 0-1.415 0Z"/><path d="M19.595 4.992a3.65 3.65 0 0 0-3.414-2.325H16a1 1 0 0 0 0 2h.182c.691 0 1.299.414 1.551 1.057L20.197 12h-4.532a1 1 0 0 0-1 1v1.333a.334.334 0 0 1-.333.334H9.665a.333.333 0 0 1-.333-.334V13a1 1 0 0 0-1-1h-4.53l2.465-6.276a1.66 1.66 0 0 1 1.55-1.057H8a1 1 0 0 0 0-2h-.183a3.65 3.65 0 0 0-3.413 2.325l-2.817 7.172c-.168.428-.254.88-.254 1.341v4.162A3.67 3.67 0 0 0 5 21.333h14a3.67 3.67 0 0 0 3.667-3.666v-4.162c0-.461-.086-.913-.254-1.341l-2.817-7.172Z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconInboxArrowDownFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.96 6.96a1 1 0 0 0 0 1.415l3.333 3.333a1 1 0 0 0 1.414 0l3.333-3.333a1 1 0 1 0-1.415-1.415L13 8.587v-4.92a1 1 0 0 0-2 0v4.918L9.372 6.96a1 1 0 0 0-1.415 0Z"/><path d="M19.595 4.992a3.65 3.65 0 0 0-3.414-2.325H16a1 1 0 0 0 0 2h.182c.691 0 1.299.414 1.551 1.057L20.197 12h-4.532a1 1 0 0 0-1 1v1.333a.334.334 0 0 1-.333.334H9.665a.333.333 0 0 1-.333-.334V13a1 1 0 0 0-1-1h-4.53l2.465-6.276a1.66 1.66 0 0 1 1.55-1.057H8a1 1 0 0 0 0-2h-.183a3.65 3.65 0 0 0-3.413 2.325l-2.817 7.172c-.168.428-.254.88-.254 1.341v4.162A3.67 3.67 0 0 0 5 21.333h14a3.67 3.67 0 0 0 3.667-3.666v-4.162c0-.461-.086-.913-.254-1.341l-2.817-7.172Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.96 6.96a1 1 0 0 0 0 1.415l3.333 3.333a1 1 0 0 0 1.414 0l3.333-3.333a1 1 0 1 0-1.415-1.415L13 8.587v-4.92a1 1 0 0 0-2 0v4.918L9.372 6.96a1 1 0 0 0-1.415 0Z"/><path d="M19.595 4.992a3.65 3.65 0 0 0-3.414-2.325H16a1 1 0 0 0 0 2h.182c.691 0 1.299.414 1.551 1.057L20.197 12h-4.532a1 1 0 0 0-1 1v1.333a.334.334 0 0 1-.333.334H9.665a.333.333 0 0 1-.333-.334V13a1 1 0 0 0-1-1h-4.53l2.465-6.276a1.66 1.66 0 0 1 1.55-1.057H8a1 1 0 0 0 0-2h-.183a3.65 3.65 0 0 0-3.413 2.325l-2.817 7.172c-.168.428-.254.88-.254 1.341v4.162A3.67 3.67 0 0 0 5 21.333h14a3.67 3.67 0 0 0 3.667-3.666v-4.162c0-.461-.086-.913-.254-1.341l-2.817-7.172Z"/></g></svg> </template>
CSS
.icon-inbox-arrow-down-filled {
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%22currentColor%22%3E%3Cpath%20d%3D%22M7.96%206.96a1%201%200%200%200%200%201.415l3.333%203.333a1%201%200%200%200%201.414%200l3.333-3.333a1%201%200%201%200-1.415-1.415L13%208.587v-4.92a1%201%200%200%200-2%200v4.918L9.372%206.96a1%201%200%200%200-1.415%200Z%22%2F%3E%3Cpath%20d%3D%22M19.595%204.992a3.65%203.65%200%200%200-3.414-2.325H16a1%201%200%200%200%200%202h.182c.691%200%201.299.414%201.551%201.057L20.197%2012h-4.532a1%201%200%200%200-1%201v1.333a.334.334%200%200%201-.333.334H9.665a.333.333%200%200%201-.333-.334V13a1%201%200%200%200-1-1h-4.53l2.465-6.276a1.66%201.66%200%200%201%201.55-1.057H8a1%201%200%200%200%200-2h-.183a3.65%203.65%200%200%200-3.413%202.325l-2.817%207.172c-.168.428-.254.88-.254%201.341v4.162A3.67%203.67%200%200%200%205%2021.333h14a3.67%203.67%200%200%200%203.667-3.666v-4.162c0-.461-.086-.913-.254-1.341l-2.817-7.172Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M7.96%206.96a1%201%200%200%200%200%201.415l3.333%203.333a1%201%200%200%200%201.414%200l3.333-3.333a1%201%200%201%200-1.415-1.415L13%208.587v-4.92a1%201%200%200%200-2%200v4.918L9.372%206.96a1%201%200%200%200-1.415%200Z%22%2F%3E%3Cpath%20d%3D%22M19.595%204.992a3.65%203.65%200%200%200-3.414-2.325H16a1%201%200%200%200%200%202h.182c.691%200%201.299.414%201.551%201.057L20.197%2012h-4.532a1%201%200%200%200-1%201v1.333a.334.334%200%200%201-.333.334H9.665a.333.333%200%200%201-.333-.334V13a1%201%200%200%200-1-1h-4.53l2.465-6.276a1.66%201.66%200%200%201%201.55-1.057H8a1%201%200%200%200%200-2h-.183a3.65%203.65%200%200%200-3.413%202.325l-2.817%207.172c-.168.428-.254.88-.254%201.341v4.162A3.67%203.67%200%200%200%205%2021.333h14a3.67%203.67%200%200%200%203.667-3.666v-4.162c0-.461-.086-.913-.254-1.341l-2.817-7.172Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/inbox-arrow-down-filled.svg?color=%231a73e8&size=48
