archive icon
archive-filled from Reicon by REICON · Filled · Notes · MIT Free for personal and commercial use.
- Name
- archive-filled
- Set
- Reicon
- Style
- Filled
- Category
- Notes
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All archive icons →archiveBootstrap IconsarchiveBoxIcons v2archiveBoxIcons v2 SolidarchiveCarbonarchiveCodiconsarchive-fillEva IconsarchiveFont Awesome SolidarchiveFeather Iconsarchive-outlineFlowbite Iconsarchive-16-filledFluent UI System IconsarchiveHuge IconsarchiveHumbleiconsarchiveIconoirarchiveIonIconsarchiveJam IconsarchiveKeyline IconsarchiveLine AwesomearchiveLucidearchiveMage IconsarchiveMajesticonsarchiveMaterial SymbolsarchiveMaterial Symbols LightarchiveMaterial Design Iconsarchive-fillMingCute Icon
More notes icons from Reicon
Use the archive icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 5c0-.943 0-1.414.293-1.707S3.057 3 4 3h16c.943 0 1.414 0 1.707.293S22 4.057 22 5s0 1.414-.293 1.707S20.943 7 20 7H4c-.943 0-1.414 0-1.707-.293S2 5.943 2 5"/><path fill-rule="evenodd" d="m20.069 8.5l.431-.002V13c0 3.771 0 5.657-1.172 6.828S16.271 21 12.5 21h-1c-3.771 0-5.657 0-6.828-1.172S3.5 16.771 3.5 13V8.498l.431.002zM9 12c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.541c.184-.076.417-.076.883-.076h3c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077h-3c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C9 12.699 9 12.466 9 12" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconArchiveFilled(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="M2 5c0-.943 0-1.414.293-1.707S3.057 3 4 3h16c.943 0 1.414 0 1.707.293S22 4.057 22 5s0 1.414-.293 1.707S20.943 7 20 7H4c-.943 0-1.414 0-1.707-.293S2 5.943 2 5"/><path fillRule="evenodd" d="m20.069 8.5l.431-.002V13c0 3.771 0 5.657-1.172 6.828S16.271 21 12.5 21h-1c-3.771 0-5.657 0-6.828-1.172S3.5 16.771 3.5 13V8.498l.431.002zM9 12c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.541c.184-.076.417-.076.883-.076h3c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077h-3c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C9 12.699 9 12.466 9 12" clipRule="evenodd"/></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="M2 5c0-.943 0-1.414.293-1.707S3.057 3 4 3h16c.943 0 1.414 0 1.707.293S22 4.057 22 5s0 1.414-.293 1.707S20.943 7 20 7H4c-.943 0-1.414 0-1.707-.293S2 5.943 2 5"/><path fill-rule="evenodd" d="m20.069 8.5l.431-.002V13c0 3.771 0 5.657-1.172 6.828S16.271 21 12.5 21h-1c-3.771 0-5.657 0-6.828-1.172S3.5 16.771 3.5 13V8.498l.431.002zM9 12c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.541c.184-.076.417-.076.883-.076h3c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077h-3c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C9 12.699 9 12.466 9 12" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-archive-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%22M2%205c0-.943%200-1.414.293-1.707S3.057%203%204%203h16c.943%200%201.414%200%201.707.293S22%204.057%2022%205s0%201.414-.293%201.707S20.943%207%2020%207H4c-.943%200-1.414%200-1.707-.293S2%205.943%202%205%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m20.069%208.5l.431-.002V13c0%203.771%200%205.657-1.172%206.828S16.271%2021%2012.5%2021h-1c-3.771%200-5.657%200-6.828-1.172S3.5%2016.771%203.5%2013V8.498l.431.002zM9%2012c0-.466%200-.699.076-.883a1%201%200%200%201%20.541-.541c.184-.076.417-.076.883-.076h3c.466%200%20.699%200%20.883.076a1%201%200%200%201%20.54.541c.077.184.077.417.077.883s0%20.699-.076.883a1%201%200%200%201-.541.54c-.184.077-.417.077-.883.077h-3c-.466%200-.699%200-.883-.076a1%201%200%200%201-.54-.541C9%2012.699%209%2012.466%209%2012%22%20clip-rule%3D%22evenodd%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%22M2%205c0-.943%200-1.414.293-1.707S3.057%203%204%203h16c.943%200%201.414%200%201.707.293S22%204.057%2022%205s0%201.414-.293%201.707S20.943%207%2020%207H4c-.943%200-1.414%200-1.707-.293S2%205.943%202%205%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m20.069%208.5l.431-.002V13c0%203.771%200%205.657-1.172%206.828S16.271%2021%2012.5%2021h-1c-3.771%200-5.657%200-6.828-1.172S3.5%2016.771%203.5%2013V8.498l.431.002zM9%2012c0-.466%200-.699.076-.883a1%201%200%200%201%20.541-.541c.184-.076.417-.076.883-.076h3c.466%200%20.699%200%20.883.076a1%201%200%200%201%20.54.541c.077.184.077.417.077.883s0%20.699-.076.883a1%201%200%200%201-.541.54c-.184.077-.417.077-.883.077h-3c-.466%200-.699%200-.883-.076a1%201%200%200%201-.54-.541C9%2012.699%209%2012.466%209%2012%22%20clip-rule%3D%22evenodd%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/archive-filled.svg?color=%231a73e8&size=48
