document filter icon
document-filter-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- document-filter-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the document filter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.23 1h8.13c.68 0 1.23.56 1.23 1.25v1.37c0 .5-.31 1.12-.62 1.43L9.33 7.43c-.37.31-.61.93-.61 1.43v2.68c0 .37-.25.87-.55 1.06l-.87.57c-.8.5-1.91-.06-1.91-1.06V8.8c0-.44-.25-1-.49-1.31l-2.34-2.5C2.25 4.68 2 4.12 2 3.75V2.31C2 1.56 2.55 1 3.23 1"/><path d="M17 2h-2.4c-.28 0-.5.22-.5.5v1.12c0 .99-.53 1.96-1.05 2.49l-2.72 2.43c-.03.07-.08.17-.11.25v2.75c0 .91-.54 1.9-1.28 2.35l-.82.53c-.46.29-.97.43-1.48.43c-.46 0-.92-.12-1.34-.35a2.7 2.7 0 0 1-1.147-1.226c-.122-.26-.153-.55-.153-.836V10.21a.47.47 0 0 0-.15-.35l-1-1a.495.495 0 0 0-.85.35V17c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5m1 15.75h-7c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h7c.41 0 .75.34.75.75s-.34.75-.75.75m0-4h-5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5c.41 0 .75.34.75.75s-.34.75-.75.75"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDocumentFilterFilled(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="M3.23 1h8.13c.68 0 1.23.56 1.23 1.25v1.37c0 .5-.31 1.12-.62 1.43L9.33 7.43c-.37.31-.61.93-.61 1.43v2.68c0 .37-.25.87-.55 1.06l-.87.57c-.8.5-1.91-.06-1.91-1.06V8.8c0-.44-.25-1-.49-1.31l-2.34-2.5C2.25 4.68 2 4.12 2 3.75V2.31C2 1.56 2.55 1 3.23 1"/><path d="M17 2h-2.4c-.28 0-.5.22-.5.5v1.12c0 .99-.53 1.96-1.05 2.49l-2.72 2.43c-.03.07-.08.17-.11.25v2.75c0 .91-.54 1.9-1.28 2.35l-.82.53c-.46.29-.97.43-1.48.43c-.46 0-.92-.12-1.34-.35a2.7 2.7 0 0 1-1.147-1.226c-.122-.26-.153-.55-.153-.836V10.21a.47.47 0 0 0-.15-.35l-1-1a.495.495 0 0 0-.85.35V17c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5m1 15.75h-7c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h7c.41 0 .75.34.75.75s-.34.75-.75.75m0-4h-5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5c.41 0 .75.34.75.75s-.34.75-.75.75"/></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="M3.23 1h8.13c.68 0 1.23.56 1.23 1.25v1.37c0 .5-.31 1.12-.62 1.43L9.33 7.43c-.37.31-.61.93-.61 1.43v2.68c0 .37-.25.87-.55 1.06l-.87.57c-.8.5-1.91-.06-1.91-1.06V8.8c0-.44-.25-1-.49-1.31l-2.34-2.5C2.25 4.68 2 4.12 2 3.75V2.31C2 1.56 2.55 1 3.23 1"/><path d="M17 2h-2.4c-.28 0-.5.22-.5.5v1.12c0 .99-.53 1.96-1.05 2.49l-2.72 2.43c-.03.07-.08.17-.11.25v2.75c0 .91-.54 1.9-1.28 2.35l-.82.53c-.46.29-.97.43-1.48.43c-.46 0-.92-.12-1.34-.35a2.7 2.7 0 0 1-1.147-1.226c-.122-.26-.153-.55-.153-.836V10.21a.47.47 0 0 0-.15-.35l-1-1a.495.495 0 0 0-.85.35V17c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5m1 15.75h-7c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h7c.41 0 .75.34.75.75s-.34.75-.75.75m0-4h-5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5c.41 0 .75.34.75.75s-.34.75-.75.75"/></g></svg> </template>
CSS
.icon-document-filter-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%22M3.23%201h8.13c.68%200%201.23.56%201.23%201.25v1.37c0%20.5-.31%201.12-.62%201.43L9.33%207.43c-.37.31-.61.93-.61%201.43v2.68c0%20.37-.25.87-.55%201.06l-.87.57c-.8.5-1.91-.06-1.91-1.06V8.8c0-.44-.25-1-.49-1.31l-2.34-2.5C2.25%204.68%202%204.12%202%203.75V2.31C2%201.56%202.55%201%203.23%201%22%2F%3E%3Cpath%20d%3D%22M17%202h-2.4c-.28%200-.5.22-.5.5v1.12c0%20.99-.53%201.96-1.05%202.49l-2.72%202.43c-.03.07-.08.17-.11.25v2.75c0%20.91-.54%201.9-1.28%202.35l-.82.53c-.46.29-.97.43-1.48.43c-.46%200-.92-.12-1.34-.35a2.7%202.7%200%200%201-1.147-1.226c-.122-.26-.153-.55-.153-.836V10.21a.47.47%200%200%200-.15-.35l-1-1a.495.495%200%200%200-.85.35V17c0%202.76%202.24%205%205%205h10c2.76%200%205-2.24%205-5V7c0-2.76-2.24-5-5-5m1%2015.75h-7c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h7c.41%200%20.75.34.75.75s-.34.75-.75.75m0-4h-5c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h5c.41%200%20.75.34.75.75s-.34.75-.75.75%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%22M3.23%201h8.13c.68%200%201.23.56%201.23%201.25v1.37c0%20.5-.31%201.12-.62%201.43L9.33%207.43c-.37.31-.61.93-.61%201.43v2.68c0%20.37-.25.87-.55%201.06l-.87.57c-.8.5-1.91-.06-1.91-1.06V8.8c0-.44-.25-1-.49-1.31l-2.34-2.5C2.25%204.68%202%204.12%202%203.75V2.31C2%201.56%202.55%201%203.23%201%22%2F%3E%3Cpath%20d%3D%22M17%202h-2.4c-.28%200-.5.22-.5.5v1.12c0%20.99-.53%201.96-1.05%202.49l-2.72%202.43c-.03.07-.08.17-.11.25v2.75c0%20.91-.54%201.9-1.28%202.35l-.82.53c-.46.29-.97.43-1.48.43c-.46%200-.92-.12-1.34-.35a2.7%202.7%200%200%201-1.147-1.226c-.122-.26-.153-.55-.153-.836V10.21a.47.47%200%200%200-.15-.35l-1-1a.495.495%200%200%200-.85.35V17c0%202.76%202.24%205%205%205h10c2.76%200%205-2.24%205-5V7c0-2.76-2.24-5-5-5m1%2015.75h-7c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h7c.41%200%20.75.34.75.75s-.34.75-.75.75m0-4h-5c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h5c.41%200%20.75.34.75.75s-.34.75-.75.75%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/document-filter-filled.svg?color=%231a73e8&size=48
