md archive icon
md-archive from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-archive
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- android-archive
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-backmd-arrow-round-down
Use the md archive icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M453.594 100.001l-32.353-39.299C415.469 52.627 405.083 48 394.664 48H117.335c-10.416 0-20.801 4.627-26.576 12.702l-32.351 39.299C51.468 106.923 48 117.335 48 128.886v288.89C48 443.2 68.8 464 94.225 464h323.553C443.202 464 464 443.2 464 417.775v-288.89c0-11.55-3.463-21.962-10.406-28.884zM256 383.109L128.89 256h80.89v-46.224h92.443V256h80.89L256 383.109zM96.534 94.221L115.02 71.11h277.331l21.965 23.111H96.534z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdArchive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M453.594 100.001l-32.353-39.299C415.469 52.627 405.083 48 394.664 48H117.335c-10.416 0-20.801 4.627-26.576 12.702l-32.351 39.299C51.468 106.923 48 117.335 48 128.886v288.89C48 443.2 68.8 464 94.225 464h323.553C443.202 464 464 443.2 464 417.775v-288.89c0-11.55-3.463-21.962-10.406-28.884zM256 383.109L128.89 256h80.89v-46.224h92.443V256h80.89L256 383.109zM96.534 94.221L115.02 71.11h277.331l21.965 23.111H96.534z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M453.594 100.001l-32.353-39.299C415.469 52.627 405.083 48 394.664 48H117.335c-10.416 0-20.801 4.627-26.576 12.702l-32.351 39.299C51.468 106.923 48 117.335 48 128.886v288.89C48 443.2 68.8 464 94.225 464h323.553C443.202 464 464 443.2 464 417.775v-288.89c0-11.55-3.463-21.962-10.406-28.884zM256 383.109L128.89 256h80.89v-46.224h92.443V256h80.89L256 383.109zM96.534 94.221L115.02 71.11h277.331l21.965 23.111H96.534z" fill="currentColor"/></svg> </template>
CSS
.icon-md-archive {
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%20512%20512%22%3E%3Cpath%20d%3D%22M453.594%20100.001l-32.353-39.299C415.469%2052.627%20405.083%2048%20394.664%2048H117.335c-10.416%200-20.801%204.627-26.576%2012.702l-32.351%2039.299C51.468%20106.923%2048%20117.335%2048%20128.886v288.89C48%20443.2%2068.8%20464%2094.225%20464h323.553C443.202%20464%20464%20443.2%20464%20417.775v-288.89c0-11.55-3.463-21.962-10.406-28.884zM256%20383.109L128.89%20256h80.89v-46.224h92.443V256h80.89L256%20383.109zM96.534%2094.221L115.02%2071.11h277.331l21.965%2023.111H96.534z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M453.594%20100.001l-32.353-39.299C415.469%2052.627%20405.083%2048%20394.664%2048H117.335c-10.416%200-20.801%204.627-26.576%2012.702l-32.351%2039.299C51.468%20106.923%2048%20117.335%2048%20128.886v288.89C48%20443.2%2068.8%20464%2094.225%20464h323.553C443.202%20464%20464%20443.2%20464%20417.775v-288.89c0-11.55-3.463-21.962-10.406-28.884zM256%20383.109L128.89%20256h80.89v-46.224h92.443V256h80.89L256%20383.109zM96.534%2094.221L115.02%2071.11h277.331l21.965%2023.111H96.534z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-archive.svg?color=%231a73e8&size=48
